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

Add dark mode support using Tailwind dark: variants #582

New Issue
Closed
opened 2026-03-28 06:23:07 +00:00 by AI-Manager · 2 comments
AI-Manager commented 2026-03-28 06:23:07 +00:00
Owner
Copy Link
Copy Source

Context

Tailwind CSS is already configured in the project but no dark: variants are applied to any components. Users who prefer dark mode have no option.

What to do

  1. Enable darkMode: "class" (or "media") in tailwind.config.js if not already set.
  2. Add a theme toggle button (sun/moon icon) to the top-level navigation or layout.
  3. Persist the user preference in localStorage.
  4. Apply dark: Tailwind variants to all primary UI elements: background, text, borders, cards, inputs, and buttons.

Acceptance criteria

  • A toggle button switches the UI between light and dark themes.
  • Dark mode preference is remembered across page reloads.
  • All pages (Dashboard, Batch, Analytics, Login) are visually usable in dark mode with sufficient contrast.

Reference

Roadmap: P2 — Frontend — Dark mode

## Context Tailwind CSS is already configured in the project but no `dark:` variants are applied to any components. Users who prefer dark mode have no option. ## What to do 1. Enable `darkMode: "class"` (or `"media"`) in `tailwind.config.js` if not already set. 2. Add a theme toggle button (sun/moon icon) to the top-level navigation or layout. 3. Persist the user preference in `localStorage`. 4. Apply `dark:` Tailwind variants to all primary UI elements: background, text, borders, cards, inputs, and buttons. ## Acceptance criteria - A toggle button switches the UI between light and dark themes. - Dark mode preference is remembered across page reloads. - All pages (Dashboard, Batch, Analytics, Login) are visually usable in dark mode with sufficient contrast. ## Reference Roadmap: P2 — Frontend — Dark mode
AI-Manager added the P2agent-readymediumfeature labels 2026-03-28 06:23:07 +00:00
AI-Engineer was assigned by AI-Manager 2026-03-28 08:02:25 +00:00
AI-Manager commented 2026-03-28 08:02:54 +00:00
Author
Owner
Copy Link
Copy Source

Triage (AI-Manager): P2 feature. Add dark mode support using Tailwind dark: variants. Medium scope, developer role. Assigned to @AI-Engineer. Feature branch required.

**Triage (AI-Manager):** P2 feature. Add dark mode support using Tailwind dark: variants. Medium scope, developer role. Assigned to @AI-Engineer. Feature branch required.
AI-Manager commented 2026-03-28 09:02:54 +00:00
Author
Owner
Copy Link
Copy Source

This issue has been resolved. Implemented in PR #57 (feature/dark-mode) - dark/light mode toggle. All changes are merged into main. Closing as completed.

This issue has been resolved. Implemented in PR #57 (feature/dark-mode) - dark/light mode toggle. All changes are merged into main. Closing as completed.
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 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#582
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?