Skip to main content
Harbour
Features
Components
Foundations
Overview
Colors
Theme
Typography
Icons
Motion
Patterns
Overview
Parallax backgrounds
Abstract backgrounds
Atmosphere backgrounds
Spectral showcase
Landing sections
Media suite
Map cards
Layouts
Examples
Demos
Harbour Teal
Cobalt
Mono Tone
Forest
Ruby
Sand
Graphite
Iris
Sunset
Aurora
Ink
Aegean
Theme colour
Harbour Teal
Cobalt
Mono Tone
Forest
Ruby
Sand
Graphite
Iris
Sunset
Aurora
Ink
Aegean
Sign in
Get started
Harbour Teal
Cobalt
Mono Tone
Forest
Ruby
Sand
Graphite
Iris
Sunset
Aurora
Ink
Aegean
Theme colour
Harbour Teal
Cobalt
Mono Tone
Forest
Ruby
Sand
Graphite
Iris
Sunset
Aurora
Ink
Aegean
Features
Components
Foundations
Overview
Colors
Theme
Typography
Icons
Motion
Patterns
Overview
Parallax backgrounds
Abstract backgrounds
Atmosphere backgrounds
Spectral showcase
Landing sections
Media suite
Map cards
Layouts
Examples
Demos
Harbour Teal
Cobalt
Mono Tone
Forest
Ruby
Sand
Graphite
Iris
Sunset
Aurora
Ink
Aegean
Theme colour
Harbour Teal
Cobalt
Mono Tone
Forest
Ruby
Sand
Graphite
Iris
Sunset
Aurora
Ink
Aegean
Sign in
Get started
Components
/
Forms
/
Theme Mode Toggle
Forms
Theme Mode Toggle
A compact dark mode toggle button for navigation bars and floating docks.
Preview
Code
Theme mode toggle
A compact dark mode toggle button for navigation bars and floating docks.
Preview
Code
Toggle theme mode