Theme switch: light, dark, system, high contrast #56

New issue

Closed

opened 2026-10-17 17:29:53 +00:00 by littlefox · 1 comment

littlefox commented

2026-10-17 17:29:53 +00:00

Owner

Dark mode already follows the system.

What:

A switch in settings: System (default), Light, Dark, High contrast.
Stored per device (it's about the screen, not the person), applied before first paint so there's no flash.
High contrast meets WCAG AAA contrast for text.

Done when:

An e2e spec flips each mode and checks the colour tokens.
Screenshots of all four modes are checked by eye.

From docs/ROADMAP.md, 0.2 "Feels like an app".

Dark mode already follows the system. What: - A switch in settings: System (default), Light, Dark, High contrast. - Stored per device (it's about the screen, not the person), applied before first paint so there's no flash. - High contrast meets WCAG AAA contrast for text. Done when: - An e2e spec flips each mode and checks the colour tokens. - Screenshots of all four modes are checked by eye. From docs/ROADMAP.md, 0.2 "Feels like an app".

littlefox added this to the 0.2: Feels like an app milestone

2026-10-17 17:29:53 +00:00

littlefox added the

area/ui

kind/feature

labels

2026-10-17 17:29:53 +00:00

littlefox referenced this issue

2026-10-17 17:54:17 +00:00

Screenshot comparison in CI #65

littlefox referenced this issue from a pull request that will close it,

2026-10-17 22:51:32 +00:00

Theme switch: system, light, dark, high contrast #87

littlefox closed this issue

2026-10-18 01:46:17 +00:00

littlefox referenced this issue from a commit

2026-10-18 01:46:17 +00:00

Theme switch: system, light, dark, high contrast

littlefox commented

2026-10-18 01:46:32 +00:00

Author

Owner

Merged in #87 (CI run #161: 169/169, no retries). Settings → Utseende → Tema: system (default), light, dark, high contrast; per device, applied at once and at start-up. theme.spec.ts.