OpenRailAssociation / OpenRailAssociation/osrd
Refactor STDCM Interface Colors for Maintainability and Tailwind Integration
Open
Nobody has claimed this yet.
area:front
kind:enhancement
kind:technical-enhancement
- Dominant language
- TypeScript
- Stars
- 660
- Forks
- 87
- Avg merge
- 3d 4h
- Merged PRs (30d)
- 269
Description
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
- 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.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Locate the CSS files for the new STDCM interface and inventory their direct color usages. Replace those usages with CSS variables containing the design-system colors, then verify that all STDCM interface colors are variable-based and suitable for future Tailwind CSS integration.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, tailwindcss
- Domain
- frontend
- Issue type
- Refactor
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100