This issue is to capture all the work slated for the next Skin major release. The individual items should be split into sub-issues and completed individually.
- Remove --color-stroke-* token aliases
evo-light.scss and evo-dark.scss define a --color-stroke-* alias family (13 tokens) that maps Skin's preferred naming to DS's --color-border-* tokens (e.g. --color-stroke-subtle: var(--color-border-subtle)). These aliases have no consumers in Skin's own component SCSS — components already use --color-border-* directly. The alias layer is the root cause of theming propagation bugs when new themes are added (the aliases must be manually re-declared in every theme file, or they silently fall back to wrong values).
Action: Remove all --color-stroke-* declarations from evo-light.scss and evo-dark.scss.
Migration: Replace any usage of --color-stroke-{variant} with the corresponding --color-border-{variant} token. Exceptions: --color-stroke-default → --color-border-medium, --color-stroke-confirmation → --color-border-success, --color-stroke-information → --color-border-accent, --color-stroke-inverse → --color-border-on-inverse.
This issue is to capture all the work slated for the next Skin major release. The individual items should be split into sub-issues and completed individually.
evo-light.scss and evo-dark.scss define a --color-stroke-* alias family (13 tokens) that maps Skin's preferred naming to DS's --color-border-* tokens (e.g. --color-stroke-subtle: var(--color-border-subtle)). These aliases have no consumers in Skin's own component SCSS — components already use --color-border-* directly. The alias layer is the root cause of theming propagation bugs when new themes are added (the aliases must be manually re-declared in every theme file, or they silently fall back to wrong values).
Action: Remove all --color-stroke-* declarations from evo-light.scss and evo-dark.scss.
Migration: Replace any usage of --color-stroke-{variant} with the corresponding --color-border-{variant} token. Exceptions: --color-stroke-default → --color-border-medium, --color-stroke-confirmation → --color-border-success, --color-stroke-information → --color-border-accent, --color-stroke-inverse → --color-border-on-inverse.