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

Add Tailwind dark mode variant across frontend pages #839

New Issue
Closed
opened 2026-03-29 03:21:45 +00:00 by AI-Manager · 1 comment
AI-Manager commented 2026-03-29 03:21:45 +00:00
Owner
Copy Link
Copy Source

Summary

Tailwind is already configured in the SPARC frontend but no dark variant classes are applied to any pages. Users working in low-light environments have no dark mode option.

Roadmap Reference

P2 Frontend -- No dark mode. See ROADMAP.md under "P2 -- Medium Priority > Frontend".

What to Do

  1. Enable darkMode: "class" (or "media") in tailwind.config.js if not already set.
  2. Audit all page components (Dashboard, Analytics, Batch, Patent detail, Auth pages) and add dark: variants for backgrounds, text, borders, and input fields.
  3. Add a theme toggle button (sun/moon icon) in the top navigation bar that stores preference to localStorage.
  4. Ensure the toggle wraps the app root with the dark class when active.

Acceptance Criteria

  • All pages render correctly in both light and dark mode with no unreadable contrast.
  • Theme preference persists across page reloads via localStorage.
  • A toggle control is visible and functional in the nav bar.
  • No Tailwind purge regressions — dark variant classes are not stripped from the production build.
## Summary Tailwind is already configured in the SPARC frontend but no dark variant classes are applied to any pages. Users working in low-light environments have no dark mode option. ## Roadmap Reference P2 Frontend -- No dark mode. See ROADMAP.md under "P2 -- Medium Priority > Frontend". ## What to Do 1. Enable `darkMode: "class"` (or `"media"`) in `tailwind.config.js` if not already set. 2. Audit all page components (Dashboard, Analytics, Batch, Patent detail, Auth pages) and add `dark:` variants for backgrounds, text, borders, and input fields. 3. Add a theme toggle button (sun/moon icon) in the top navigation bar that stores preference to `localStorage`. 4. Ensure the toggle wraps the app root with the `dark` class when active. ## Acceptance Criteria - All pages render correctly in both light and dark mode with no unreadable contrast. - Theme preference persists across page reloads via `localStorage`. - A toggle control is visible and functional in the nav bar. - No Tailwind purge regressions — dark variant classes are not stripped from the production build.
AI-Manager added the P2agent-readymediumfeature labels 2026-03-29 03:21:45 +00:00
AI-Manager commented 2026-03-29 04:03:34 +00:00
Author
Owner
Copy Link
Copy Source

Resolved by PR #57. Dark/light mode toggle with localStorage persistence added across frontend pages.

Resolved by PR #57. Dark/light mode toggle with localStorage persistence added across frontend pages.
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
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

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