Starter Yearly
For freelancers with a few client sites.
$39/yr
Billed yearly.
Buy Now
30-day money-back guarantee
Site-wide Divi Extension
Divi Dark Mode
A dark mode your visitors can switch on themselves.
Ask AI about the Divi Dark Mode extension
Why use the Divi Dark Mode extension?
Visitors increasingly expect a dark option, and retrofitting one by hand means re-coloring an entire Divi site. This extension does it two ways: an automatic engine that intelligently inverts your existing colors, or eleven hand-tuned dark palettes applied as CSS variables.
A floating switch lets each visitor decide, and their choice is remembered for a year. Turn the extension off and it ships zero bytes.
Included in Divi Torque Pro, along with every module and extension.
Why site owners pick it
Two engines in oneAutomatic inversion with brightness, contrast, sepia, and grayscale dials, or a preset palette. Pick per site.Visitors chooseA floating toggle in either bottom corner. The choice persists for 365 days via a cookie.Eleven tuned presetsGitHub, Discord, Spotify, Twitter, Slack, LinkedIn, Reddit and more, each with a full palette down to inputs and scrollbars.A switch you can styleFilled or outlined, three sizes, left or right corner, shown or hidden per device, or dropped anywhere with a shortcode.Keyboard friendlyAn optional Ctrl+Alt+D shortcut toggles the mode without touching the mouse.Safe by designNever runs in wp-admin or inside the Divi Builder, excludes the admin bar, and loads nothing at all while disabled.
Everything the Divi Dark Mode extension does
Each item is a shipping setting, not a roadmap promise.
Master switch, with light or dark as the default for first-time visitorsAuto engine: intelligent color inversion of your existing designAuto engine dials: brightness, contrast, sepia, grayscale, each 0 to 150Preset engine: 11 built-in dark palettesPalettes cover background, text, links, borders, buttons, inputs, and scrollbarsFloating switch: filled or outlined, small, medium, or largeSwitch position: bottom left or bottom right, per-device visibilityPlace the switch anywhere with a shortcodeVisitor choice remembered for 365 daysOptional keyboard shortcut to toggleAdmin bar and chosen elements excluded from darkening, filterableNever active in wp-admin or the Divi Builder canvasZero CSS and JS loaded while the extension is offDeveloper filters for inline CSS, preset styles, and defaults
See the Divi Dark Mode in action
Six of the eleven presets. Every palette styles text, links, buttons, inputs, and even the scrollbar.
GitHub Dark
Discord Dark
Spotify Dark
Twitter Dark
Midnight Ocean
Royal Purple
The switch, your way
Filled or outlined, three sizes, either corner. Or skip the floating switch and place it with a shortcode.
Filled, large
High contrast, hard to miss.
Outlined, medium
Quieter, sits on photography well.
Shortcode
Render the toggle inside a header, a footer, or any Divi text module.
Three steps to dark mode
1Enable and pick an engineTurn the extension on and choose automatic inversion or a preset palette.2Tune itAdjust the four dials, or pick one of eleven presets and tweak its colors if you like.3Place the switchChoose corner, style, and size, or drop the shortcode wherever the toggle should live.
Divi Dark Mode FAQ
Does it follow the visitor’s operating system theme?Visitors choose with the switch, and their choice is remembered for a year. You decide whether first-time visitors start in light or dark.Will dark mode break my design?The automatic engine inverts intelligently rather than flipping colors blindly, the admin bar and chosen elements are excluded, and if you want exact control the preset engine applies a palette you define.Can I match the dark palette to my brand?Yes. Start from any of the eleven presets and adjust every color: background, text, links, buttons, inputs, and scrollbars.Where can the toggle go?A floating switch in either bottom corner with per-device visibility, or anywhere content renders via the shortcode.Does it slow the site down?While disabled it loads nothing. Enabled, the preset engine is a set of CSS variables, and the choice cookie means no flash of the wrong mode on repeat visits.Will it darken my WordPress admin or the builder?No. It never runs in wp-admin and never inside the Divi Builder canvas, so editing stays exactly as Divi made it.
Simple, honest pricing
Every plan includes all 103 Divi modules. The Unlimited plan covers every site you build.
4.7★ from 116 reviews on WordPress.org
Starter Lifetime
For freelancers who would rather pay once.
$99 once
Billed once. Updates for life.
Costs less than 3 years of Starter yearly.
Buy Now
30-day money-back guarantee
Unlimited Lifetime
For agencies. Every client site, no renewals.
$249 once
Billed once. Updates for life.
Buy Now
30-day money-back guarantee
- Lifetime honored forever, in writing
- Secure checkout