Mega Sale — up to 70% off every Pro plan

Ends Sep 22 at 10:00 am GMT+0000. Claim the discount

Fine-Tune Your WordPress Dark Mode Controls

Take control of your site’s dark mode with automatic activation, device-aware detection, keyboard shortcuts, and menu integration — whether you’re running a simple blog or a complex multi-site network.

Image

Take full control of your dark mode controls

Four settings cover how dark mode turns on for every visitor.

Instant dark mode across the whole site with a single toggle, no coding.

Load the site in dark mode by default for all visitors, with a light-mode fallback still available.

Automatically match each visitor’s system preference.

Ctrl+Alt+D (Windows) / Control+Option+D or Cmd+Option+D (macOS) to toggle instantly.

Image

Advanced dark mode controls

Decide exactly when and where the switch appears.

Switches automatically based on the visitor’s local time.

Keep the floating switch off screens where you do not want it.

Hide the floating switch for visitors on mobile devices.

Add a dark-mode switch straight into one of your WordPress menus.

Customizable placement within any selected menu.

Image
Image

Upgrade your admin workflow with dark mode

Dark mode for the dashboard and both editors, with per-page exceptions.

Enable dark mode in the WordPress admin dashboard.

Toggle between dark and light mode right inside the block editor.

The same switch for sites still writing in the classic editor.

Choose which backend pages always stay in light mode.

Image

Common Questions About WordPress Dark Mode Controls

Turn on Default Dark Mode and every visitor lands in dark mode, with a light-mode fallback still available from the switch.

With OS-Aware Dark Mode enabled, Darkify reads each visitor’s system preference and matches it automatically. When both OS-Aware and Default Dark Mode are on, OS-Aware takes priority.

Ctrl+Alt+D on Windows, and Control+Option+D or Cmd+Option+D on macOS.

Hide Dark Mode Switch on Desktop and on Mobile are separate settings, so you can show the floating switch only where it fits your design. Visitors can still use the keyboard shortcut or a menu switch.

Admin Panel Dark Mode covers the dashboard, and separate settings cover the block editor and classic editor. Disallowed Pages lets you keep specific backend pages in light mode.

Toggle Dark Mode