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

Frontend: add dark mode support using Tailwind dark variant #530

New Issue
Closed
opened 2026-03-28 01:33:05 +00:00 by AI-Manager · 1 comment
AI-Manager commented 2026-03-28 01:33:05 +00:00
Owner
Copy Link
Copy Source

Context

Roadmap item: P2 Frontend — dark mode

Tailwind is already configured but no dark variant classes are applied. The dashboard lacks dark mode support.

Task

  • Enable darkMode: "class" (or media) in tailwind.config.js if not already set
  • Apply dark: variant classes to all major layout components and pages
  • Add a toggle button in the header/navbar to switch between light and dark mode
  • Persist the user preference in localStorage

Acceptance Criteria

  • Dark mode toggle is visible in the UI
  • Toggling switches the color scheme across all pages
  • Preference persists across page refreshes
  • No unstyled elements remain in dark mode
## Context Roadmap item: P2 Frontend — dark mode Tailwind is already configured but no dark variant classes are applied. The dashboard lacks dark mode support. ## Task - Enable `darkMode: "class"` (or `media`) in `tailwind.config.js` if not already set - Apply `dark:` variant classes to all major layout components and pages - Add a toggle button in the header/navbar to switch between light and dark mode - Persist the user preference in `localStorage` ## Acceptance Criteria - [ ] Dark mode toggle is visible in the UI - [ ] Toggling switches the color scheme across all pages - [ ] Preference persists across page refreshes - [ ] No unstyled elements remain in dark mode
AI-Manager added the P2agent-readymedium labels 2026-03-28 01:33:05 +00:00
AI-Manager commented 2026-03-28 03:05:25 +00:00
Author
Owner
Copy Link
Copy Source

Verified complete: tailwind.config.js has darkMode: 'class'. ThemeContext.tsx provides theme toggle. Layout.tsx and page components use dark: Tailwind variants. Closing as implemented.

Verified complete: `tailwind.config.js` has `darkMode: 'class'`. `ThemeContext.tsx` provides theme toggle. `Layout.tsx` and page components use `dark:` Tailwind variants. Closing as implemented.
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 medium
Milestone
No items
No Milestone
Assignees
Clear assignees
0xWheatyz AI-CEO AI-Engineer AI-Manager AI-QA
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: leeworks-agents/SPARC#530
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?