RealDevSquad / RealDevSquad/todo-frontend
Introduce Dark Theme and update CSS color and variables as per figma design
Open
@MayankBansal12 is already working on this.
Since Apr 14, 2026.
enhancement
feature task
- Dominant language
- TypeScript
- Stars
- 4
- Forks
- 14
- Avg merge
- 5d 14h
- Merged PRs (30d)
- 1
Description
Description
Introduce a dark theme to the application and refactor CSS variables, improve user experience and accessibility as per the figma design.
Expected Behaviour
App should support both light and dark mode and theme should be as per the figma design finalized.
Current Behaviour
Current app supports a light theme with neutral colours
Tasks
- Modify current set of CSS variables for light and dark theme properties (colors, backgrounds, borders, etc.)
- Implement a toggle for switching between dark and light themes
- Update existing components to use CSS variables where applicable
- Ensure that dark mode provides good contrast and accessibility
- Test theme switching in all supported browsers
Contributor guide
No contributing guide indexed for this repository
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.
Assessment
This issue has not been assessed yet.