-
Notifications
You must be signed in to change notification settings - Fork 69
Implement persisted light/dark theme toggle in Settings #289
Copy link
Copy link
Closed
Labels
GrantFox OSSGrantFox Open Source Sponsorship program tagGrantFox Open Source Sponsorship program tagMaybe RewardedIssue may qualify for a reward upon successful completion per campaign rulesIssue may qualify for a reward upon successful completion per campaign rulesOfficial Campaign | FWC26Official FWC26 campaign issue — eligible for campaign scoring and rewardsOfficial FWC26 campaign issue — eligible for campaign scoring and rewardsfeatureNew feature, enhancement, or functional additionNew feature, enhancement, or functional additionintermediateIntermediate difficulty tasks requiring solid experience and some contextIntermediate difficulty tasks requiring solid experience and some contextui/uxUser interface or user experience improvements and design workUser interface or user experience improvements and design work
Description
Metadata
Metadata
Assignees
Labels
GrantFox OSSGrantFox Open Source Sponsorship program tagGrantFox Open Source Sponsorship program tagMaybe RewardedIssue may qualify for a reward upon successful completion per campaign rulesIssue may qualify for a reward upon successful completion per campaign rulesOfficial Campaign | FWC26Official FWC26 campaign issue — eligible for campaign scoring and rewardsOfficial FWC26 campaign issue — eligible for campaign scoring and rewardsfeatureNew feature, enhancement, or functional additionNew feature, enhancement, or functional additionintermediateIntermediate difficulty tasks requiring solid experience and some contextIntermediate difficulty tasks requiring solid experience and some contextui/uxUser interface or user experience improvements and design workUser interface or user experience improvements and design work
Difficulty: Intermediate
Type: feature
Background
The Settings page (
/settings) is described as holding app settings, but there's no evidence of a theme toggle despite Tailwind CSS being the styling layer, which supports dark mode out of the box.Problem
Users cannot switch between light and dark themes, and any preference isn't remembered across sessions.
Expected outcome
A theme toggle in Settings switches the whole dashboard between light and dark mode, and the choice persists across reloads.
Suggested implementation
darkMode: 'class'strategy in the Tailwind config.localStorage(guard SSR access appropriately in Next.js 14).Acceptance criteria
Likely affected files/directories
apps/dashboard/app/settings/apps/dashboard/tailwind.config.*apps/dashboard/app/layout.tsx