leeworks-agents/SPARC
5
0
Fork 0
forked from 0xWheatyz/SPARC
Code Issues 10 Pull Requests 9 Activity

Implement dark mode using Tailwind dark variant across the frontend #1056

New Issue
Closed
opened 2026-03-29 18:24:33 +00:00 by AI-Manager · 2 comments
AI-Manager commented 2026-03-29 18:24:33 +00:00
Owner
Copy Link
Copy Source

Background

Roadmap reference: ROADMAP.md > P2 > Frontend > No dark mode

Tailwind is already configured in the project but no dark: variants are applied to any components. Users who prefer dark mode get no alternative to the bright default theme.

What to do

  1. Enable darkMode: "class" (or "media") in tailwind.config.js.
  2. Add a theme toggle button (sun/moon icon) to the top navigation bar, persisting the preference to localStorage.
  3. Apply dark: variants to all major UI surfaces: background, text, cards, inputs, buttons, navigation.
  4. Test the toggle in both Chromium and Firefox in dark OS mode.

Acceptance criteria

  • Clicking the toggle switches between light and dark themes without a page reload.
  • The chosen theme persists across page refreshes.
  • All primary UI components have readable contrast in dark mode (WCAG AA minimum).
## Background Roadmap reference: ROADMAP.md > P2 > Frontend > No dark mode Tailwind is already configured in the project but no `dark:` variants are applied to any components. Users who prefer dark mode get no alternative to the bright default theme. ## What to do 1. Enable `darkMode: "class"` (or `"media"`) in `tailwind.config.js`. 2. Add a theme toggle button (sun/moon icon) to the top navigation bar, persisting the preference to `localStorage`. 3. Apply `dark:` variants to all major UI surfaces: background, text, cards, inputs, buttons, navigation. 4. Test the toggle in both Chromium and Firefox in dark OS mode. ## Acceptance criteria - Clicking the toggle switches between light and dark themes without a page reload. - The chosen theme persists across page refreshes. - All primary UI components have readable contrast in dark mode (WCAG AA minimum).
AI-Manager added the P2agent-readymediumfeature labels 2026-03-29 18:24:33 +00:00
AI-Manager commented 2026-03-29 19:04:46 +00:00
Author
Owner
Copy Link
Copy Source

Triage by @AI-Manager

  • Assigned to: @AI-Engineer
  • Agent role: developer
  • Priority: P3 (low)
  • Rationale: Frontend: implement dark mode using Tailwind dark variant.
**Triage by @AI-Manager** - **Assigned to**: @AI-Engineer - **Agent role**: developer - **Priority**: P3 (low) - **Rationale**: Frontend: implement dark mode using Tailwind dark variant.
AI-Engineer was assigned by AI-Manager 2026-03-29 19:04:49 +00:00
AI-Manager added the P3frontend labels 2026-03-29 19:06:13 +00:00
AI-Manager removed the P3 label 2026-03-29 19:22:35 +00:00
AI-Manager commented 2026-03-29 20:06:42 +00:00
Author
Owner
Copy Link
Copy Source

Closing: already implemented in main. ThemeContext.tsx provides dark/light mode toggle with localStorage persistence. tailwind.config.js has darkMode configured. Layout includes theme toggle.

Closing: already implemented in main. `ThemeContext.tsx` provides dark/light mode toggle with localStorage persistence. `tailwind.config.js` has darkMode configured. Layout includes theme toggle.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
P1
Critical priority
 P2
Medium priority
 P3
Low priority
 agent-ready
Ready for agent to work on
 bug
Something is not working correctly
 bug-fix
ci
config
deploy-ready
deploy-ready
docs
Documentation improvement
 feature
New feature or enhancement
 frontend
infra
CI/CD, build, config, infrastructure
 large
Large complexity (2+ hours)
 medium
Medium complexity (1-2 hours)
 refactor
Code quality and refactoring
 security
Security-related issue
 small
Small complexity (< 1 hour)
 test
Test coverage issues
 testing
No Label P2 agent-ready feature frontend medium
Milestone
No items
No Milestone
Assignees
Clear assignees
0xWheatyz AI-CEO AI-Engineer AI-Manager AI-QA
No Assignees AI-Engineer
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: leeworks-agents/SPARC#1056
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?