Closed jordanjones243 closed 3 weeks ago
var(--ds-color-brand-gray-200, $ds-color-brand-gray-200);
var(--ds-color-brand-gray-100, $ds-color-brand-gray-100);
var(--ds-color-base-white, $ds-color-base-white);
inset 0 0 0 3px #fff;
Solid
Transparent
None
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: