dostulata/initiative
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add dark and light theme with OS preference support #10

New Issue
Closed
opened 2026-03-16 13:09:18 +01:00 by dostulata · 0 comments
dostulata commented 2026-03-16 13:09:18 +01:00
Owner
Copy Link

Summary

Add a light theme alongside the existing dark theme. The app should follow the OS color scheme by default, with a three-way toggle (System / Light / Dark) in the bottom bar kebab menu for manual override. Content colors with universal semantic meaning (damage, healing, conditions) keep their hue across themes.

Acceptance Criteria

  • The app ships with a dark theme and a light theme
  • By default, the app follows the OS color scheme preference (prefers-color-scheme)
  • User can override the theme via a three-way toggle (System / Light / Dark) in the bottom bar kebab menu
  • The user's theme preference persists across sessions
  • Content colors with universal meaning (damage=red, healing=green, condition colors) keep their hue across themes, adjusting only shade/intensity for readability
  • All UI surfaces (cards, dialogs, inputs, borders) adapt correctly to both themes with no illegible or invisible elements
## Summary Add a light theme alongside the existing dark theme. The app should follow the OS color scheme by default, with a three-way toggle (System / Light / Dark) in the bottom bar kebab menu for manual override. Content colors with universal semantic meaning (damage, healing, conditions) keep their hue across themes. ## Acceptance Criteria - [x] The app ships with a dark theme and a light theme - [x] By default, the app follows the OS color scheme preference (`prefers-color-scheme`) - [x] User can override the theme via a three-way toggle (System / Light / Dark) in the bottom bar kebab menu - [x] The user's theme preference persists across sessions - [x] Content colors with universal meaning (damage=red, healing=green, condition colors) keep their hue across themes, adjusting only shade/intensity for readability - [x] All UI surfaces (cards, dialogs, inputs, borders) adapt correctly to both themes with no illegible or invisible elements
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
dostulata
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: dostulata/initiative#10
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?