Preview image. Unlock full-res
A UI component featuring a manual switch to toggle between light and dark display modes.
Typesans-serif
Industryconsumer-app, developer-tool, saas
Tagstoggle, switch, ui-element, theme-selector
Palette
#EBEBEB
#0A0A0A
Summary
A UI component featuring a manual switch to toggle between light and dark display modes.
Visual description
A pill-shaped toggle switch with 'Light' and 'Dark' labels. The active 'Light' side is white with black text, while the inactive 'Dark' side is black with white text, set against a grey background.
Key takeaway
Clean, high-contrast visual hierarchy clearly communicates binary state selection.
Reuse notes
Use as a reference for accessible theme switching components in web or mobile interfaces.