In the new STDCM interface, we currently use colors directly within our CSS files. These colors are sourced from our design system. To enhance our code's maintainability and prepare for future integration with Tailwind CSS, we can improve our approach by storing these colors in variables and reusing them wherever needed.
Acceptance criteria
[ ] All colors used in the STDCM interface are stored in CSS variables.
[ ] All instances of direct color usage in the CSS files are replaced with the appropriate variables.
Description and goal
In the new STDCM interface, we currently use colors directly within our CSS files. These colors are sourced from our design system. To enhance our code's maintainability and prepare for future integration with Tailwind CSS, we can improve our approach by storing these colors in variables and reusing them wherever needed.
Acceptance criteria