Open jordanjones243 opened 6 months ago
var(--ds-color-brand-neutral-100, $ds-color-brand-neutral-100);
linear-gradient(to right,var(--ds-color-brand-neutral-100, $ds-color-brand-neutral-100) 10%,var(--ds-color-brand-neutral-200, $ds-color-brand-neutral-200) 40%,var(--ds-color-brand-neutral-100, $ds-color-brand-neutral-100) 60%);
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: