- Background**
In T328850 we made dark mode tri-state in Vector 2022 and Minerva skins.
We should copy the approach here in the third party dark mode extension.
Feature summary:
Browsers report the user’s preferred color scheme (dark/light) via media query.
- The behavior should be changed to allow for deriving the color scheme from that media query instead of choosing an option manually.
- The UI should be changed to allow switching between three options: “automatic”, “light”, and “dark”. Options for the UX are e.g. the “Theme” dropdown on https://developer.mozilla.org/en-US/, three radio buttons, or a button cycling through the three options.
- The default should be “automatic” to follow the system wide setting (available in Windows 11, macOS, and most Linux desktop environments).
Use case(s):
- I have my system set up to sync color scheme with daylight. I want all websites with dark/light toggles to honor this automatic switch at sundown/sunrise.
- People with sensitive eyes need dark mode. Following the system scheme by default prevents a flash of light hurting them.
Benefits:
- Less clicking around and searching for UX for users who have set a preference globally.
- Less pain for people relying on dark mode for health reasons.
- Only way to support daylight dependent dark/light mode.