Dark/Light Mode Toggle

Preview image. Unlock full-res

A minimalist UI switch component for toggling between dark and light themes.

Palette
#140C0C
#F6F7F0

Summary

A minimalist UI switch component for toggling between dark and light themes.

Visual description

A pill-shaped toggle switch centered on a black background. The left side is white with 'DARK' text and a moon icon, while the right side is dark grey with 'LIGHT' text and a sun icon.

Key takeaway

Clean, high-contrast interaction design for theme selection.

Reuse notes

Can be used as a component in web or mobile app settings menus.

More like this