Skip to content

Fix: Implement light/dark mode theme switching with toggle button#15

Open
MavDavis wants to merge 1 commit intoLumina-eX:mainfrom
MavDavis:fix-4-light-dark-mode
Open

Fix: Implement light/dark mode theme switching with toggle button#15
MavDavis wants to merge 1 commit intoLumina-eX:mainfrom
MavDavis:fix-4-light-dark-mode

Conversation

@MavDavis
Copy link

  • Add ThemeProvider wrapper in layout.tsx with system preference detection
  • Create ThemeToggle component with sun/moon icons for theme switching
  • Integrate theme toggle in navbar (desktop and mobile)
  • Update light mode color palette in globals.css for better contrast
  • Enable persistent theme preference across sessions
  • Add smooth transitions between themes without flash of unstyled content

Close #4

- Add ThemeProvider wrapper in layout.tsx with system preference detection
- Create ThemeToggle component with sun/moon icons for theme switching
- Integrate theme toggle in navbar (desktop and mobile)
- Update light mode color palette in globals.css for better contrast
- Enable persistent theme preference across sessions
- Add smooth transitions between themes without flash of unstyled content

Close Lumina-eX#4
@SudiptaPaul-31
Copy link
Collaborator

@MavDavis Can you please share a video of working toggle button with theme changing

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.

Implement Light mode design

2 participants