Open jordanjones243 opened 5 months ago
Background: rgba(0, 0, 0, 0.2);
Background: rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.12), 0 1px 10px 0 rgba(0,0,0,0.1);
Transparent
var(--ds-color-base-white, $ds-color-base-white);
This ticket will be blocked until this work is completed:
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: