Back to Components
Turn off the Lights

Dark Mode

Duo comes with native dark mode support. Meaning, you can set dark mode with just a class or tap of a button! You can even show content based on the theme.

Dark Mode

Switch

Use natively designed switchers to change the color of your page. Elegant and simple to use, based on checkboxes.

Dark Mode S
Dark Mode M
Dark Mode L

Light Mode

Dark Mode

Show content based on what theme is selected. Try changing the color scheme now. This entire card will change.

Time to Go Mobile

Get Duo Mobile Today

Start your next project with Duo and enjoy the power of a Progressive Web App.

Get Duo Now