-
Notifications
You must be signed in to change notification settings - Fork 9
Description
📝 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.