Skip to content

feat: add dynamic theme switching system#26

Open
idan wants to merge 2 commits intomainfrom
01KNAD4JYW7M5F88Q7JNH4MBJD
Open

feat: add dynamic theme switching system#26
idan wants to merge 2 commits intomainfrom
01KNAD4JYW7M5F88Q7JNH4MBJD

Conversation

@idan
Copy link
Copy Markdown
Contributor

@idan idan commented Apr 3, 2026

Added a theme switching system that allows users to choose between four color themes: purple, red, blue, and green.

Changes include:

  • Created ThemeContext.tsx to manage theme state with localStorage persistence
  • Created ThemeChooser.tsx component with interactive theme selector buttons
  • Wrapped App with ThemeProvider in main.tsx to provide theme context
  • Added initialization script in index.html to load theme from localStorage on page load
  • Updated App.tsx to render ThemeChooser component in the header
  • Modified index.css with theme-specific CSS variables using @theme and [data-theme] selectors
  • Replaced hardcoded orange colors with accent-200 custom color that responds to theme changes
  • Theme selection persists across page reloads with purple as the default theme

Also updated bun.lock file with configVersion field in lockfile metadata.

Created by GitHub Ace · View Session

GitHub Ace and others added 2 commits April 3, 2026 19:32
Co-authored-by: Idan Gazit <idan@github.com>
Co-authored-by: Idan Gazit <idan@github.com>
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