Skip to content

feat(theme): add support for light theme and mode selector#402

Open
DibashSarkar wants to merge 1 commit into
ArnasDon:mainfrom
DibashSarkar:feat/light-mode
Open

feat(theme): add support for light theme and mode selector#402
DibashSarkar wants to merge 1 commit into
ArnasDon:mainfrom
DibashSarkar:feat/light-mode

Conversation

@DibashSarkar

Copy link
Copy Markdown

Description

This PR introduces support for Light Mode across the application, adding a theme selector to allow users to switch between Light, Dark, and System preferences.

Note: This is part 1 of splitting up the previous monolithic PR to allow for easier, safer reviews.

Changes

  • Configured Tailwind CSS to support dark: variants properly alongside light mode defaults.
  • Updated globals.css with a complete set of light and dark CSS variables for the color palette.
  • Added a ThemeToggle component to the user settings/header for seamless switching.
  • Ensured all existing components (buttons, cards, text, and inputs) have appropriate color contrast and styling in both themes.
  • Replaced hardcoded color values with semantic Tailwind classes (e.g., bg-background, text-foreground).

Why this is needed

To improve accessibility and provide a better user experience for those who prefer working in light mode environments.

Testing

  • Verified manual switching between Dark and Light mode.
  • Verified System mode respects OS-level theme preferences.
  • Tested across major views (dashboard, settings, webhooks) to ensure no visual regressions or illegible text.

@DibashSarkar
DibashSarkar requested a review from ArnasDon as a code owner July 17, 2026 20:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant