Skip to content

feat: dark mode with system preference detection and localStorage persistence#64

Merged
eclectic-coding merged 1 commit into
mainfrom
feat/dark-mode
May 26, 2026
Merged

feat: dark mode with system preference detection and localStorage persistence#64
eclectic-coding merged 1 commit into
mainfrom
feat/dark-mode

Conversation

@eclectic-coding
Copy link
Copy Markdown
Owner

Closes #40

Summary

  • Adds [data-theme="dark"] CSS block in _12_dark_mode.css with a GitHub-inspired dark palette; all colours driven by the existing custom properties so no component styles needed to change
  • Adds a Stimulus theme controller that reads localStorage on connect, falls back to prefers-color-scheme, and toggles data-theme on <html> on click
  • Adds a / toggle button to the header; updates to reflect current theme on every apply
  • Pins theme_controller in importmap.rb so the module resolves correctly

Test plan

  • Visit the dashboard — confirm theme matches system preference on first load
  • Click the toggle button — confirm it switches between light and dark
  • Reload — confirm preference is remembered via localStorage
  • Check all three sections (Queue, Cache, Cable) in dark mode for visual regressions
  • bundle exec rake passes clean

🤖 Generated with Claude Code

…sistence

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@eclectic-coding eclectic-coding merged commit 5a094c2 into main May 26, 2026
5 checks passed
@eclectic-coding eclectic-coding deleted the feat/dark-mode branch May 26, 2026 20:21
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.

[v0.7.0] UX: dark mode

1 participant