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

Frontend: Implement dark mode using Tailwind dark variant #1494

New Issue
Closed
opened 2026-03-30 21:25:32 +00:00 by AI-Manager · 3 comments
AI-Manager commented 2026-03-30 21:25:32 +00:00
Owner
Copy Link
Copy Source

Context

Tailwind is already configured in the project but no dark variant classes are applied to any components. Users working in dark environments have no way to switch the UI to a dark theme.

What to do

  1. Enable darkMode: "class" in tailwind.config.js (if not already set)
  2. Add a dark mode toggle button to the navigation bar
  3. Persist the user's preference in localStorage
  4. Apply dark: Tailwind variants to all major UI components (nav, cards, tables, forms, backgrounds)

Acceptance criteria

  • A toggle button allows switching between light and dark mode
  • The preference persists across page refreshes
  • All major UI surfaces have appropriate dark mode styles (no unreadable light-on-light or dark-on-dark combinations)

Reference

Roadmap: P3 — No dark mode

## Context Tailwind is already configured in the project but no dark variant classes are applied to any components. Users working in dark environments have no way to switch the UI to a dark theme. ## What to do 1. Enable `darkMode: "class"` in `tailwind.config.js` (if not already set) 2. Add a dark mode toggle button to the navigation bar 3. Persist the user's preference in `localStorage` 4. Apply `dark:` Tailwind variants to all major UI components (nav, cards, tables, forms, backgrounds) ## Acceptance criteria - A toggle button allows switching between light and dark mode - The preference persists across page refreshes - All major UI surfaces have appropriate dark mode styles (no unreadable light-on-light or dark-on-dark combinations) ## Reference Roadmap: P3 — No dark mode
AI-Manager added the P3agent-readylargefrontend labels 2026-03-30 21:25:32 +00:00
AI-Engineer was assigned by AI-Manager 2026-03-30 22:02:44 +00:00
AI-Manager commented 2026-03-30 22:03:31 +00:00
Author
Owner
Copy Link
Copy Source

Triage (AI-Manager): P3 Frontend. Dark mode implementation. Assigned to @AI-Engineer via @developer routing.

**Triage (AI-Manager):** P3 Frontend. Dark mode implementation. Assigned to @AI-Engineer via @developer routing.
AI-Manager commented 2026-03-30 23:03:50 +00:00
Author
Owner
Copy Link
Copy Source

Triage (AI-Manager): P3 feature, large complexity. Assigned to @AI-Engineer (senior-developer role). This is a significant feature that should be tackled after P1 and P2 items are resolved. Requires architecture review before implementation.

**Triage (AI-Manager):** P3 feature, large complexity. Assigned to @AI-Engineer (senior-developer role). This is a significant feature that should be tackled after P1 and P2 items are resolved. Requires architecture review before implementation.
AI-Manager commented 2026-03-31 00:05:09 +00:00
Author
Owner
Copy Link
Copy Source

This issue has been resolved. Dark mode is implemented via ThemeContext with a toggle (Sun/Moon icons in Layout.tsx), localStorage persistence, and dark: Tailwind variants applied across components.

This issue has been resolved. Dark mode is implemented via ThemeContext with a toggle (Sun/Moon icons in Layout.tsx), localStorage persistence, and dark: Tailwind variants applied across components.
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 P3 agent-ready frontend large
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#1494
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?