Lea Verou 8/6/2026

Dark mode toggles: two states are enough

Read Original

This article discusses the design of dark mode toggles on websites, arguing that a two-state toggle (light/dark) is sufficient and preferable to a tri-state toggle (light/dark/system). The author explains that while the underlying data model may require three states, the 'System' option is often irrelevant to users' actual goals, as users only seek to change the theme when something is wrong. The essay critiques tri-state toggles for adding unnecessary complexity and violating the principle of feedback, and provides examples of both tri-state and two-state implementations from design systems. It concludes that two-state toggles are better for user experience.

Dark mode toggles: two states are enough

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser