Summary
The app currently has no dark mode support. A toggle in the nav bar should switch between light and dark themes, persist the preference in localStorage, and respect the user's OS preference on first visit.
Scope
- Add a sun/moon icon toggle to the nav bar
- On first visit, read
prefers-color-scheme from the OS and apply the matching theme
- On toggle, apply the new theme and persist it in localStorage under
theme
- On subsequent visits, read localStorage first; fall back to OS preference if absent
- Apply the theme class to the
<html> element so Tailwind's dark mode variants work globally
Acceptance Criteria
ETA: 12 hours
Coordinate on Telegram
Summary
The app currently has no dark mode support. A toggle in the nav bar should switch between light and dark themes, persist the preference in localStorage, and respect the user's OS preference on first visit.
Scope
prefers-color-schemefrom the OS and apply the matching themetheme<html>element so Tailwind's dark mode variants work globallyAcceptance Criteria
<html>elementETA: 12 hours
Coordinate on Telegram