Skip to content

Dark Mode

The Dark Mode extension adds a dark theme to your Divi site. Visitors switch it on with a toggle, and their choice is remembered on their next visit. You choose whether the dark colors come from an automatic inversion of your existing colors or from a preset palette.

Set up Dark Mode

  1. Go to Divi Torque > Dark Mode.
  2. Make sure the Dark mode switch under General is on. It is on by default. You can also turn the extension on or off from Divi Torque > Extensions.
  3. Choose a color scheme, decide whether to show the toggle, and click Save.

The screen has a live preview beside the settings, so you can see the result before you save.

Color scheme

Style sets how the dark colors are produced.

  • Auto (filters): Inverts your existing colors with a filter. Set Brightness, Contrast, Sepia, and Grayscale as percentages. The defaults are 100, 90, 10, and 0.
  • Preset palette: Applies a curated dark palette, with its own background, text, and link colors. Pick one from the list.

Toggle switch

The toggle is the switch visitors use to turn dark mode on and off.

  • Show the floating toggle: Adds a switch that floats on the front end. It is on by default.
  • Style: Filled or Outlined.
  • Size: Small, Medium, or Large.
  • Position: Left or Right side of the screen.
  • Show on: Switch Desktop, Tablet, and Mobile on or off to choose where the toggle appears.

Advanced

Keyboard shortcut. Lets visitors toggle dark mode from the keyboard with Ctrl + Alt + D. The shortcut is on by default.

How it behaves

  • A visitor's choice is saved in a cookie for 365 days. The cookie is set with the Secure flag, so the choice is remembered on sites served over HTTPS.
  • Dark Mode does not load inside the Divi builder, so you always edit your layout in its normal colors.
  • The admin bar and the switch itself are never darkened.

Frequently asked questions

Where do I turn Dark Mode on or off?
Use the Dark mode switch under General on the Dark Mode screen, or the Dark Mode card on Divi Torque > Extensions.

Is Dark Mode part of Divi Torque Pro?
Yes. It is a Divi Torque Pro extension. See pricing.