GoKawiilDebate over two-state vs three-state dark mode toggles gains traction
Web developer Lea Verou published an analysis arguing that most sites only need a simple light/dark toggle rather than a three-option switch that also includes a 'system default' setting. Her post sparked a broader frontend discussion about when the added complexity of a system-preference option is actually useful to users versus unnecessary friction.
GoKawiil's interpretation of the reporting above, not reported fact.
This debate reflects a larger tension in UI design between simplicity and flexibility, since every extra option adds cognitive load but may serve specific user needs. The distinction Verou draws—between quick in-context switches and deliberate settings-page choices—offers a practical framework designers can apply beyond just theme toggles.
- Lea Verou argues two-state toggles suffice for most in-page theme switches.
- A three-state option makes more sense in dedicated settings menus, not main UI.
- Verou's technical approach toggles between system default and its inverse, not fixed light/dark values.
BenQ ScreenBar Halo Monitor Light Bar — If you're the kind of developer who agonizes over light vs. dark themes, your desk lighting matters just as much as your CSS. The BenQ ScreenBar Halo clips onto your monitor and lights your keyboard and desk without throwing glare on the screen, so dark mode stays comfortable late at night. It has auto-dimming and adjustable color temperature, plus a wireless dial for quick tweaks.
See BenQ ScreenBar Halo Monitor Light Bar on Amazon → Affiliate link — we may earn a commission on purchases, at no extra cost to you. Product picked by AI based on this article; it is not a tested recommendation.Source: joshcollinsworth.com, 2026-09-01
Published there as: “In defense of two-state theme toggles”
Read the original report → The summary and analysis above are GoKawiil's own, written from reporting by the source above. Facts and quotes belong to the original publisher.