Choose how WordPress starts and switches modes

Dark Mode Toggle Pro adds a switch for visitors to change a WordPress site between light and dark modes. Set dark mode as the default, or have the initial show match the visitor’s operating system theme. Visitors can choose light mode on a website with a dark theme, and the extension can save their selection for the next page refresh and later visits.

A dark background with light-colored text may reduce bright-screen discomfort for some people. The selected mode also lets visitors use the appearance that suits their reading preferences.

Toggle button options

Adapt the button to the site’s interface. Set its position, width, height, border radius, colors, and font size. Add a custom text or emoji label, upload a button picture, or choose separate pictures for light and dark modes. You can use a custom button, make it sticky, and enable a transition animation when the mode changes.

Front end, editor, and administration

Separate options are available for the front end and administration area. Dark mode can also be used on WordPress admin pages and the editor screen.

Adjust dark mode for selected blocks

To skip or change the dark mode effect on an individual block element, add the dmt-filter-1 or dmt-filter-0 CSS class. These filters can be used on components such as images, columns, cover blocks, and buttons.

Set up the plugin

Install Dark Mode Toggle Pro in WordPress, then open Appearance > Dark Mode to configure the button and display behavior. Choose front-end or administration preferences, and add a supported filter class to any block that needs a various dark mode effect.

The plugin is described as lightweight and compatible with WordPress themes, page builder add-ons, and modern browsers.