Skip to content

Introduce Dark Theme and update CSS color and variables as per figma design #239

@MayankBansal12

Description

@MayankBansal12

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

Metadata

Metadata

Labels

enhancementImproving something existingfeature taskA big ticket item that needs to come up as a feature
No fields configured for Feature.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions