Flash Sale: 40% off Lifetime. Ends Sep 30 (21 days left).

See pricing
Skip to content
Get Divi Torque

Site-wide Divi Extension

Divi Dark Mode

A dark mode your visitors can switch on themselves.

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 unlocks all 98 Divi modules on unlimited websites. One licence covers every site you build.

4.7★ from 116 reviews on WordPress.org

Unlimited

Every module, on every site you build.

$79 $47.40 /year

Save $31.60 · 40% off

Buy Now

Includes

  • All 98 modules
  • All 9 extensions
  • Unlimited websites
  • 1 year premium support
  • 1 year product updates

Unlimited Lifetime Best value

Pay once. Keep it forever.

$249 $149.40 once

Save $99.60 · 40% off

Buy Now

Less than two years of Unlimited at $79/yr, forever.

Back to $249 after Sep 30. 30‑day refund, no questions.

Everything in Unlimited, and

  • Pay once, updates forever
  • Remove Divi Torque branding
  • Premium support

Pro + Saddle Pro

Two lifetime licences. One payment.

$499 once

One payment · no renewal

Buy Now

Everything in Unlimited Lifetime, and

  • Saddle Pro on unlimited sites, for life
  • Let Claude, ChatGPT or Cursor build and edit your Divi sites
  • Priority support for both plugins
  • 30-day money-back guarantee
  • Lifetime honored forever, in writing
  • Secure checkout