Open jordanjones243 opened 5 months ago
var(--ds-color-base-white, $ds-color-base-white);
var(--ds-color-brand-gray-200, $ds-color-brand-gray-200);
var(--ds-color-brand-gray-500, $ds-color-brand-gray-500);
var(--ds-color-base-white, $ds-color-base-white);
var(--ds-color-base-white, $ds-color-base-white);
transition: background-color 0.2s cubic-bezier(.35,.9,.4,.9);
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: