Skip to content

Feat: Add Light Theme #11

@alronova

Description

@alronova

📝 Description

Implement a Light Theme option in addition to the existing Dark Theme.
Add a Theme Switch component to toggle between themes.
Ensure the theme preference persists across sessions using local storage or similar mechanism.

✅ Tasks

  • Create a ThemeContext to manage theme state (light / dark).
  • Implement a ThemeSwitch component with a toggle UI (e.g., switch icon, button).
  • Update global styles or Tailwind configuration to support both themes.
  • Store and load the user’s theme preference from localStorage.
  • Ensure consistent styling across all pages and components.
  • Test responsiveness and ensure theme transition feels smooth.

🎯 Expected Outcome

  • The app supports both Light and Dark themes.
  • Users can seamlessly switch themes via a toggle.
  • Theme preference persists after page reloads.
  • UI consistency and accessibility are maintained across themes.
  • Smooth transitions enhance user experience and interface aesthetics.
  • None of the pre-existing app behavior is affected.

Metadata

Metadata

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions