DemoLight & dark mode Add-ons
Add-on showcase · Delight

Light, dark, or both.

Eight ways to switch your site between light and dark, from a quiet icon to a lamp cord. The preview in each card follows along.

Every card is live. Try them.
Easy on the eyes.Get started →
01 Sun and moon buttonOne round button. The icon spins as it swaps. This is the one on celinh.com.
Easy on the eyes.Get started →
02 Sliding switchA proper switch with the sun and moon inside the knob. Clear for everyone.
Easy on the eyes.Get started →
03 Light, auto, darkThree choices, with Auto following the visitor's device setting. The most respectful option.
Easy on the eyes.Get started →
04 Day and night skyThe toggle is a tiny sky. Stars fade out, clouds float in, the moon becomes the sun.
Easy on the eyes.Get started →
05 Circle revealThe new theme grows out of the button in a circle and washes over the page.
Easy on the eyes.Get started →
pull the cord
06 Pull the cordA little lamp cord hangs from the top. Pull it to switch the lights. Visitors always try it twice.
Easy on the eyes.Get started →
tap dark mode
07 Matches your phoneAuto mode in a real phone setting. Flip dark mode in the control panel and the site follows.
Easy on the eyes.Get started →
12:00Day · light theme
08 Follows the sunLight by day, dark after sunset, at the visitor's own location. Drag the sun to preview. Our site does this too.

Want one of these on your site?

We build it in your brand, in the style you pick, or invent a new one.

Ask about it ← All add-ons