WEB Signal 456
Lea Verou proposes dark mode toggles show only the override, not a system option
Lea Verou argues that a two-state dark mode toggle, showing only the override option based on the current system scheme, is sufficient and less distracting than a tri-state control.
For engineers building persistent UI toggles, this suggests simplifying the control to a single override button that adapts to the user's system preference. It reduces cognitive load and UI clutter, but requires storing the override in localStorage and handling the case where the user toggles back to the system default.
Written by elseif from the cluster below · every claim links back to a sourceThe three things worth knowing
Lea Verou argues that a two-state toggle can express all three states by showing only the override option based on the current system scheme.
The proposal stores the user's override preference in localStorage for future sessions.
Three-state toggles remain appropriate when the setting lives in a separate settings panel or when more than two color schemes are offered.
THE CLUSTER
↗