Flexible light and dark modes for WordPress

Dark Mode Toggle Pro gives WordPress visitors a simple way to switch between light and dark viewing modes. The extension includes a toggle button that can be positioned and styled to suit the website, while allowing visitors to choose the appearance that works best for them.

The Pro edition extends the standard dark mode experience with additional controls for the button, editor, administration area, and initial theme selection. It is designed for practical use across WordPress sites, themes, and page builder add-ons.

Customize the toggle control

Adjust the toggle button to fit your interface without relying on a fixed presentation. Pro settings include:

• Custom toggle button images
• Different images for light and dark modes
• Custom button emoji labels
• Custom button labels
• Adjustable toggle button font size
• Custom toggle button colors
• Position, width, height, and border-radius settings
• A sticky button for switching modes

You can also use a custom button for toggling dark mode. Switching transition animation helps make the change between modes more visually consistent.

Support for visitors, editors, and administrators

Dark Mode Toggle Pro can provide dark mode on WordPress admin pages and includes separate options for the front end and administration area. The editor screen can use dark mode as well, making it useful when working in environments where a darker interface is preferred.

For visitors, the extension can save their selected mode for the next page refresh and next page visit. You can also turn on dark mode by default or have the initial display automatically match the operating system theme.

Control specific elements

The plugin includes options to skip or exclude dark mode for selected elements. To change the effect on a block element, add the dmt-filter-1 or dmt-filter-0 filter CSS class. This can be used with elements such as images, columns, cover blocks, and buttons.

Practical website uses

Use the Pro edition on content sites, business websites, and other WordPress projects where visitors may prefer different visual settings. A dark background with light-colored text can help reduce bright-screen discomfort for some people and support different readability preferences. The plugin can also switch darker themes toward a light mode when that is the selected preference.

It is described as lightweight, fast, and compatible with WordPress themes, page builder extensions, and modern browsers.

Installation and setup

Install Dark Mode Toggle Pro in WordPress, then configure its options from Appearance > Dark Mode. Set the button design, display behavior, and front-end or admin preferences. If needed, add the supported filter CSS class to individual block elements to change how dark mode applies.