Cross icon
Prefer English?
Prefer English? Switch the website language for a better experience.
Webflow finally unifies light and dark mode across the whole platform
Louis
0
mn read

Webflow finally unifies light and dark mode across the whole platform

TL;DR

Webflow now lets you choose a System, Light or Dark theme once, applied automatically across every part of the platform. A small ergonomic detail that genuinely improves day-to-day comfort.

One single appearance setting for Dashboard, Sites and Optimize: no more switching themes over and over

One theme, everywhere, all the time

Webflow just announced an update that looks tiny on paper but genuinely changes daily life for teams who spend hours inside the tool. From now on, your appearance preference — System, Light or Dark — follows you everywhere in Webflow. Dashboard, Sites, Optimize: one single setting, applied automatically across every space.

No more of that small annoyance of having to switch back to dark mode in the editor after you had already set it on the Dashboard. Webflow is fixing an experience inconsistency that, while not a dealbreaker, created exactly the kind of quiet friction that wears you down over time.

What this update actually changes

Three key takeaways from this evolution:

  • A single setting saved to your account, applied automatically as soon as you switch between product spaces.
  • System mode automatically follows your device preferences, with no manual action needed.
  • Dark mode now comes in three intensities: Darker, Default, Lighter, so you can adjust visual comfort to your liking.

A logical continuation of Webflow accessibility efforts

This announcement did not come out of nowhere. Webflow has rolled out a string of updates over recent months around accessibility and ease of use: keyboard navigation on the canvas, a built-in color contrast tool, an improved accessibility audit panel. Unifying the themes fits right into this same logic: a platform designed to be used for the long haul, by varied profiles, in different working conditions.

Before the update After the update
Theme set separately in each space One single setting for all of Webflow
Dark mode sometimes missing on certain Sites pages Consistent Light and Dark mode everywhere, including Sites
No shades within dark mode Three intensities available: Darker, Default, Lighter

{{webflow}}

Mazette.co take

At Mazette.co, we practically live inside Webflow. So this kind of update, however low-key, gets a warmer welcome from us than it might seem to deserve at first glance. It is not a feature that will revolutionize a client site. But it is exactly the kind of detail that improves day-to-day working experience, and by extension, the quality of what we produce.

A designer or developer who does not have to reset their theme fifteen times a day is a designer or developer who keeps their focus on what actually matters: interface design and the final site experience. These invisible frictions, added up over a year, represent a real cognitive fatigue cost.

We also appreciate the precision of the choice: three dark intensities rather than a simple light/dark binary. It is a telling signal of how Webflow thinks about accessibility, not as a box to tick, but as a genuine product ergonomics topic. We hold ourselves to that same rigor in our own method: small usage details always end up mattering more than you would expect.

The only minor catch: this update only affects the Webflow interface, not dark mode on the published site itself. If you are looking to offer your visitors a real dark mode, that is a full design and interaction project in its own right, one we can build together for your project.

{{seo-aeo}}

A quiet update that speaks volumes

This announcement is a good illustration of Webflow current philosophy: consolidate the product experience before piling on flashy new features. A rather reassuring signal for agencies like ours who build their business on this platform for the long term. If you would like to talk about where Webflow is heading and what it means for your project, get in touch, we love talking about this stuff.

Code

Copy icon
Check box icon
Mazette.co
/
Blog
/

Get visible online

Impactful titles, polished meta descriptions, sitemaps, Schema.org, Hn structure, and audits: these are the SEO foundations that make your content readable by both Google AND generative AI. We cover both simultaneously.

Team global Mazette.co
Webflow premium partner badge

Get support from experts

With over 180 clients, our agency is one of the few in France to hold the Webflow Premium Partner label, supporting you in every area, including custom web design, sophisticated automation, conversion optimization, and SEO and GEO visibility.

Webflow logo fillWebflow logo stroke

Make your site unique

We create bespoke web designs focused on performance, user journeys, and conversion. Join over 180 clients who have trusted us to elevate their brand.

Team global Mazette.co