Skip to content

feat: implement dark mode toggle (#31)#46

Open
Tianlin0725 wants to merge 1 commit intosorosave-protocol:mainfrom
Tianlin0725:feature/dark-mode
Open

feat: implement dark mode toggle (#31)#46
Tianlin0725 wants to merge 1 commit intosorosave-protocol:mainfrom
Tianlin0725:feature/dark-mode

Conversation

@Tianlin0725
Copy link

Summary

Implements dark mode toggle feature for the SoroSave frontend as requested in issue #31.

Changes

  • Add ThemeProvider with system preference detection and localStorage persistence
  • Add ThemeToggle component in Navbar with sun/moon icons
  • Update Tailwind config with darkMode: "class"
  • Add dark mode styles to all components:
    • Navbar
    • GroupCard
    • MemberList
    • CreateGroupForm
    • ContributeModal
    • ConnectWallet
    • Groups page
    • Group detail page
    • Home page

Acceptance Criteria

  • Implement theme context with light/dark modes
  • Update Tailwind config for darkMode: "class"
  • Add toggle button in Navbar
  • Persist user preference in localStorage
  • All existing components render correctly in both modes

Testing

Build passes successfully. Manual testing recommended to verify theme toggle and persistence.

Closes #31

- Add ThemeProvider with system preference detection
- Add ThemeToggle component in Navbar
- Update Tailwind config for darkMode: 'class'
- Add dark mode styles to all components
- Persist user preference in localStorage

Closes sorosave-protocol#31
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 dark mode toggle

1 participant