Implement dark mode with Tailwind

Implement dark mode following the strategy discussed in the linked discussion.

Key technical decisions:

  • Use Tailwind's class strategy with dark: variants
  • Store preference in localStorage
  • Add inline script in <head> to prevent FOUC
  • Use CSS custom properties for complex color calculations

Acceptance Criteria

  • Theme toggle in header
  • Persists to localStorage
  • Respects system preference as default
  • No flash of wrong theme on load
  • All components work in both themes

Updates

TU
Test UserJan 12, 2026, 10:00 AM

Started implementation. Set up Tailwind dark mode with class strategy.

TU
Test UserJan 13, 2026, 02:00 PM

Added theme toggle component and localStorage persistence.

TU
Test UserJan 14, 2026, 04:00 PM

Fixed FOUC with inline script in head. All tests passing.