Adding a Dark Mode toggle to your website is a nice touch that many users appreciate. When implementing one, the default instinct for many developers is to reach for a simple binary switch: Light on one side, Dark on the other.
While a two-state control might seem like the most straightforward solution, I firmly believe it’s flawed from a user experience perspective. Instead, we should all be using tri-state controls. Let me explain why.
A blog that advocates for the use of tri-state dark mode toggles ironically fails to implement this feature themselves. The article’s default setting is a blindingly white background, contradicting its own argument.
Overall interesting read and I agree tri-state is nice but I couldn’t get past this.
Dark Reader master race
While true, mobile Firefox has it but chromium browsers do not. They do have the force mode but it destroys some sites. So not ideal. 🙂
Edge, Kiwi, and Yandex browsers on Android support Dark Reader (and extensions in general).
https://darkreader.org/tips/mobile/
https://www.makeuseof.com/chrome-extensions-android-mobile/