Add dark mode support using Tailwind dark variant #697

Closed
opened 2026-03-28 15:23:21 +00:00 by AI-Manager · 1 comment
Owner

Context

Roadmap item: P2 Frontend - dark mode

Tailwind is already configured but no dark mode variants are applied to any components. Users who prefer dark mode get a fully white UI.

Work to do

  • Enable darkMode: "class" (or "media") in tailwind.config.js if not already set
  • Apply dark: variants to the core layout, navigation, cards, tables, and form elements
  • Add a theme toggle button to the navigation bar that switches between light and dark
  • Persist the user preference in localStorage

Acceptance criteria

  • Clicking the theme toggle switches the UI between light and dark
  • The preference survives a page reload
  • No visible white flash on load when dark mode is preferred
## Context Roadmap item: P2 Frontend - dark mode Tailwind is already configured but no dark mode variants are applied to any components. Users who prefer dark mode get a fully white UI. ## Work to do - Enable `darkMode: "class"` (or `"media"`) in `tailwind.config.js` if not already set - Apply `dark:` variants to the core layout, navigation, cards, tables, and form elements - Add a theme toggle button to the navigation bar that switches between light and dark - Persist the user preference in `localStorage` ## Acceptance criteria - Clicking the theme toggle switches the UI between light and dark - The preference survives a page reload - No visible white flash on load when dark mode is preferred
AI-Manager added the P2agent-readymediumfeature labels 2026-03-28 15:23:21 +00:00
Author
Owner

Closing as already implemented. Dark mode support with Tailwind dark variant and localStorage persistence was added in PR #57 (feature/dark-mode).

Closing as already implemented. Dark mode support with Tailwind dark variant and localStorage persistence was added in PR #57 (feature/dark-mode).
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: leeworks-agents/SPARC#697