The CSS variable stories within our design system currently utilize static color values instead of referencing CSS variables directly. This approach does not accurately test the CSS variables as it bypasses their dynamic nature, leading to potential discrepancies between the expected and actual visual outcomes in different themes or environments.
Technical Details
Issue Identification: The stories hardcoded with static color values do not reflect changes when CSS variables are updated across different themes.
Required Change: Refactor the stories to use CSS variables directly, ensuring that they dynamically represent the styles as defined by the active theme or configuration.
Acceptance Criteria
All CSS stories should utilize CSS variables instead of static color values.
The stories should reflect real-time changes when CSS variables are modified.
Ensure compatibility and correct display across all supported browsers and themes.
Description
The CSS variable stories within our design system currently utilize static color values instead of referencing CSS variables directly. This approach does not accurately test the CSS variables as it bypasses their dynamic nature, leading to potential discrepancies between the expected and actual visual outcomes in different themes or environments.
Technical Details
Acceptance Criteria