Update components to use new global tokens where necessary
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 53
- Forks
- 63
- Avg merge
- 2d 4h
- Merged PRs (30d)
- 15
Description
Summary
Update the component css tokens to reference the new global tokens used to automatically switch between light and dark mode.
💬 Description
Any component tokens that use the same light/dark colour combination should have their values replaced by the corresponding global token. The actual token names should remain the same.
See the original ticket for the new global tokens. Existing global tokens should also be added as part of this.
💰 Use value
So that we utilize our own tokens to maintain consistency.
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
Start with the linked original ticket for the new global tokens, then inspect the component CSS token definitions in the repository. Update matching light/dark color values to use the corresponding global tokens, add existing global tokens where applicable, and keep component token names unchanged.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Refactor
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100