Skip to content

[FE-37] Implement dark mode toggle with persistence #403

@mftee

Description

@mftee

Overview

Implement a dark mode toggle that switches the UI between light and dark themes and persists the preference across sessions inside frontend/cmmty/.

Acceptance Criteria

  • Create frontend/cmmty/components/ThemeToggle/ with toggle component and useTheme hook
  • Toggle between light and dark Tailwind classes on the html element
  • Persist selection in localStorage
  • Default to the OS preference (prefers-color-scheme) on first visit
  • Animate the toggle icon transition
  • Write unit tests for theme switching and persistence

Contribution Folder

All files must be placed inside frontend/cmmty/. Do not modify any file outside this folder.

How to Contribute

Comment on this issue to express interest, fork the repo, build inside frontend/cmmty/ only, and open a PR targeting main.

Metadata

Metadata

Assignees

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions