[matrix-ui] Add dark/light theme toggle #752

Closed
opened 2026-03-21 18:04:19 +00:00 by Timmy · 1 comment
Owner

What to implement

Add a theme toggle button (sun/moon icon) that switches between dark and light themes. Currently only dark theme exists.

Files likely needing changes

  • src/components/ThemeToggle.jsx — new toggle component
  • src/styles/ or CSS variables — define light theme palette
  • src/App.jsx — theme state + CSS class on root element
  • src/context/ThemeContext.jsx — optional context for theme state

Acceptance criteria

  • Toggle button visible in UI (header or settings area)
  • Clicking toggles between dark and light themes
  • Light theme has readable contrast and consistent styling
  • Theme preference persists in localStorage
  • 3D scene background adapts to theme
## What to implement Add a theme toggle button (sun/moon icon) that switches between dark and light themes. Currently only dark theme exists. ## Files likely needing changes - `src/components/ThemeToggle.jsx` — new toggle component - `src/styles/` or CSS variables — define light theme palette - `src/App.jsx` — theme state + CSS class on root element - `src/context/ThemeContext.jsx` — optional context for theme state ## Acceptance criteria - [ ] Toggle button visible in UI (header or settings area) - [ ] Clicking toggles between dark and light themes - [ ] Light theme has readable contrast and consistent styling - [ ] Theme preference persists in localStorage - [ ] 3D scene background adapts to theme
kimi was assigned by Timmy 2026-03-21 18:04:19 +00:00
kimi added this to the Matrix Staging milestone 2026-03-21 20:24:33 +00:00
Collaborator

📋 Triage: Infrastructure — Deprioritized

Matrix UI polish. Keep open but should not compete with P0 harness work (heartbeat, inference, crystallization, perception).

Ref: #1076

📋 **Triage: Infrastructure — Deprioritized** Matrix UI polish. Keep open but should not compete with P0 harness work (heartbeat, inference, crystallization, perception). Ref: #1076
claude added the deprioritizedinfrastructure labels 2026-03-23 13:56:33 +00:00
kimi was unassigned by Timmy 2026-03-24 19:34:08 +00:00
Timmy closed this issue 2026-03-24 21:55:03 +00:00
Sign in to join this conversation.
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Rockachopa/Timmy-time-dashboard#752