root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(KB-024): add comprehensive theme system to dashboard

Browse Source 
- Add ThemePreference type and useTheme hook for theme state management
- Create CSS theme architecture with 8 built-in color themes
- Build ThemeSelector component with live preview and keyboard navigation
- Add theme toggle to Header with quick-switch capability
- Integrate Appearance section into SettingsModal
- Wire theme system into App component with system preference detection
- Add comprehensive tests for useTheme, ThemeSelector, and Header
- Include theming documentation in dashboard README
- Add changeset for patch release
This commit is contained in:
gsxdsm
2026-03-29 20:22:00 -07:00
parent b935f310ce
commit d288e158d5
16 changed files with 1602 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
.changeset/theme-system.md Normal file
View File

@@ -0,0 +1,12 @@
---
"@dustinbyrne/kb": minor
---
Add light mode toggle and theme selector with 8+ attractive color themes
- New theme modes: Dark, Light, and System (follows OS preference)
- 8 color themes: Default, Ocean, Forest, Sunset, Berry, Monochrome, High Contrast, and Solarized
- Quick theme toggle button in header
- Full theme selector in Settings > Appearance
- Theme preferences persist to localStorage
- No-FOUC inline script ensures correct theme before page render