feat: add dark mode support #2

Closed
TopherMayor wants to merge 1 commits from feat/dark-mode into main
Owner

Changes

  • Added light theme CSS variables to :root
  • Dark theme colors moved to [data-theme="dark"]
  • Theme toggle button in navbar (🌙/☀️)
  • localStorage persistence for theme preference
  • System preference detection (prefers-color-scheme)
  • Smooth transitions (0.3s) on all UI elements

Files Modified

  • public/styles.css - Theme variables and transitions
  • public/index.html - Theme toggle button
  • public/app.js - Theme switching logic

Testing

  1. Open the dashboard
  2. Click the theme toggle in navbar
  3. Verify theme switches smoothly
  4. Refresh page - theme persists
  5. Check system preference detection works
## Changes - Added light theme CSS variables to :root - Dark theme colors moved to [data-theme="dark"] - Theme toggle button in navbar (🌙/☀️) - localStorage persistence for theme preference - System preference detection (prefers-color-scheme) - Smooth transitions (0.3s) on all UI elements ## Files Modified - public/styles.css - Theme variables and transitions - public/index.html - Theme toggle button - public/app.js - Theme switching logic ## Testing 1. Open the dashboard 2. Click the theme toggle in navbar 3. Verify theme switches smoothly 4. Refresh page - theme persists 5. Check system preference detection works
TopherMayor added 1 commit 2026-03-04 05:07:52 +00:00
TopherMayor force-pushed feat/dark-mode from 4fab91af2f to b4cfcbf6e5 2026-03-04 05:07:53 +00:00 Compare
TopherMayor closed this pull request 2026-03-04 19:51:20 +00:00

Pull request closed

Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: TopherMayor/openclaw-taskboard#2