SlowlyThe builderStyling
Dark mode
Design a dark version of your site that follows the visitor's preference.
Slowly builds dark mode into the design system rather than bolting it on. You design once, and a dark version follows.
- Colour tokens carry a dark value. Give a global colour its dark version, and every block using that colour flips in dark mode. The design stays in one place.
- Force a section light or dark. A section, container, or div can be pinned to light or dark regardless of the page, for a band that always reads one way.
- A toggle for the visitor. Any link or block can carry a toggle-dark-mode action, so a switch in your header flips the page.
By default the page follows the visitor's own system preference, and their choice, once made, is remembered.