Back to Daily Feed 
Dark Mode Toggles: Why Two States Are Enough for User Preference
Worth Reading
Originally published on CSS-Tricks
View Original Article
Share this article:

Summary & Key Takeaways
- The article challenges the common practice of offering three states for dark mode toggles: light, dark, and system.
- Lea Verou argues that a two-state toggle (light/dark) is sufficient and less confusing for users.
- The 'system' preference can be handled implicitly without needing an explicit toggle option.
- Simplifying the toggle reduces cognitive load and streamlines the user experience.
- This perspective encourages designers to reconsider default UI patterns for theme switching.
Our Commentary
Lea Verou coming in hot with the dark mode toggle debate! We've all seen the three-state toggles, and I've definitely felt that slight hesitation when choosing. Is 'system' really a distinct choice, or just a default? I lean towards Lea's argument here; simplicity often wins in UX. It's a small detail, but these small details add up to a better web. It's a good reminder to question even widely adopted patterns.
View Original Article
Share this article: