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.
More like this
Keep what you find
A free account saves references to boards and can send you a weekly email of picks based on what you save.
To see every result, go Pro.