Closed jordanjones243 closed 3 weeks ago
Tokens/Rules to be changed:
color
rules (we need additional semanticly named icon colors for all states)border-color
rules are using incorrect semantic tokensTier 1 tokens:
border-color: var(--ds-color-brand-neutral-400, $ds-color-brand-neutral-400);
Background Color tokens:
background-color: var(--ds-color-background-lightest, $ds-color-background-lightest);
General Support Request
In order to make Auro components themeable, we need to make sure there are no hard-coded and correct semanticly named tokens within the component. There also needs to be investigation around
border
rules which have a combination of size and color tokens, making them more complex, as well asbackground-color
andcolor
rules.Possible Solution
Work with designers to figure out what tokens need updated values or renamed.
Additional context
This work stems from theming work happening to all Auro components:
Rules and tokens to be edited can be found in the comments.
Acceptance Criteria: