Discover the best persistentdarkmode websites created by professional designers. Get inspired and start planning your perfect persistentdarkmode web design today!

Asad Digital

Hi guys, I've create a mini website with dark mode switch. For this, I used cookies to save the option the user chose. The best part of this method - when you scroll between pages, the chosen theme remains on those pages as well! Feel free to clone and examine it, and don't hesitate to use in your projects!

Credits to LS Graphics for Muir UI Kit I used for this website.

Muir. Dark Mode Template

Persistent Dark Mode 

Persistent dark mode via cookie.

Remembers toggle also across pages. If never been triggered looks for the default computer colour scheme (dark / light). If not there, defaults to light mode.

Currently adds a class (.light/.dark) to the body.
You can also listen to change events directly in Webflow code editor via the 2 functions you find in the homepage body.


persistent-dark-mode

Persistent Dark Mode

Persistent dark mode that uses local browser storage to save the user's preference.
Video tutorial: https://youtu.be/TEuRhmblZ_E

Persistent Dark Mode with local storage

Memberstack

Add a dark mode switch to your sites that not only stays across pages, but also across sessions, browsers, and even devices!

If a visitor is logged in, this script will save their preference to their account, and then load that every time they open your site on any device.

The code for this is located in the sitewide settings.

Persistent Cross-Device Dark Mode

Weir Creative

This site contains automatic light and dark modes depending on the user's color scheme preference. 

We are a digital product and user experience agency.
We empower brands to build, launch, and grow through web design, development and consulting.

Weir

Sorby Brown. Independent Digital Designer.

With his practice spanning multiple disciplines; he's driven to create experiences for purpose that connect people and enrich lives.

Sorby Brown | Portfolio

Sorby Brown – Senior Digital Designer – Portfolio

Motivation Church, located in Richmond, VA.

Features a persistent dark mode throughout the entire site, a Netflix like Sermon page with CMS sliders and CMS search filter, and a CMS filter for small groups.

Site created using:
-Relume Library: https://library.relume.io/
-Timothy Ricks Persistent Dark Mode Switch: https://webflow.com/made-in-webflow/website/Persistent-Dark-Mode-Switch
-Attributes by Finsweet: https://finsweet.com/attributes