Skip to content

feat: implement dark mode with localStorage persistence#38

Merged
isaaceliape merged 1 commit into
masterfrom
feat/dark-mode-enhancement
Nov 25, 2025
Merged

feat: implement dark mode with localStorage persistence#38
isaaceliape merged 1 commit into
masterfrom
feat/dark-mode-enhancement

Conversation

@isaaceliape
Copy link
Copy Markdown
Owner

Implement comprehensive dark mode support as suggested in PR #4

Features:

  • Dark mode toggle in Menu component
  • Preference persisted in localStorage
  • System dark mode detection via prefers-color-scheme
  • CSS variables for flexible theming
  • All components updated for dark mode support
  • Smooth theme transitions

…eference detection

- Add darkMode state and actions to Pinia store with localStorage persistence
- Implement dark mode toggle button in Menu component
- Add CSS variables for theming (text-color, bg-color, border-color, button-hover)
- Update all components to support dark mode with smooth transitions
- Add system dark mode detection via prefers-color-scheme media query
- Initialize dark mode from localStorage or system preference on app load
- Apply dark mode class to #app element for cascading theme changes
- Style support for:
  * App container and body
  * Menu and toggle buttons
  * Text renderer and caret
  * Keyboard map display
  * Info panel and letter components
  * All interactive elements with hover states
@isaaceliape isaaceliape merged commit ada6240 into master Nov 25, 2025
2 checks passed
@isaaceliape isaaceliape mentioned this pull request Nov 25, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant