feat(#4): Dark/Light/Rasta theme toggle #14

Merged
ti-paul merged 1 commit from feature/4-theme-toggle into main 2026-06-12 01:41:44 +00:00
Member

Closes #4

Theme System

  • 3 themes: Dark (default), Light, Rasta (red/gold/green)
  • CSS custom properties for all colors
  • Anti-FOUC inline script
  • localStorage persistence + system preference detection
  • Chart.js dynamic color update
  • Fixed toggle buttons D/L/R

9 tests pass.

Closes #4 ## Theme System - 3 themes: Dark (default), Light, Rasta (red/gold/green) - CSS custom properties for all colors - Anti-FOUC inline script - localStorage persistence + system preference detection - Chart.js dynamic color update - Fixed toggle buttons D/L/R 9 tests pass.
feat(#4): Dark/Light/Rasta theme toggle with persistence
Some checks failed
CI / build-docker (pull_request) Failing after 0s
b7e22e0eec
CSS refactor:
- All hardcoded colors replaced with CSS custom properties
- 3 complete themes: dark (default), light, rasta (red/gold/green)
- Smooth 0.35s transitions between themes
- Print-friendly light theme override

JS theme system:
- Anti-FOUC inline script in <head> (no flash on load)
- localStorage persistence between sessions
- System preference detection (prefers-color-scheme)
- Chart.js dynamic color update on theme change
- Fixed toggle buttons (D/L/R) top-right corner

9 new tests. Closes #4.
ti-paul left a comment
No description provided.
Clean CSS var refactor, 3 themes, anti-FOUC, chart updates. LGTM.
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
les_clankeurs/dashboard!14
No description provided.