To add dark mode to WordPress, install the free ExtenderX plugin and switch on Dark Mode under Site Enhancements → Appearance. Visitors get a floating light/dark toggle that works with any theme, because the DarkReader engine generates the dark colours for you. Check your logo and images afterwards, and keep it as a visitor choice.
Why a toggle, not a dark theme
Building a separate dark design means writing dark styles for every block, plugin and template. An automatic dark mode recalculates colours in the browser instead, so it works on a theme you didn't build. And a toggle lets each visitor choose — dark mode suits some people and not others.
Turn it on
- Install and activate ExtenderX.
- Go to ExtenderX → Site Enhancements → Appearance.
- Toggle Dark Mode on and save.
- Open your site in a new tab and click the floating button.
That's it — no theme files, no custom CSS.
Check these five things
| Check | What can go wrong | Fix |
|---|---|---|
| Logo | A dark logo vanishes on a dark header | Use a logo with a light outline or on a solid background |
| Photos | Photos usually look fine, but screenshots of white UIs glare | Add a subtle border or a dark-mode-friendly screenshot |
| Brand colours | Recalculated colours can drift | Check buttons and links keep enough contrast |
| Embeds | Maps, videos and iframes have their own colours | Usually fine; they keep their original look |
| Forms | Inputs from other plugins | Fill in a form in dark mode before publishing |
ExtenderX vs dedicated dark mode plugins
| ExtenderX | WP Dark Mode | Dark Mode Toggle | |
|---|---|---|---|
| Free visitor toggle | Yes | Yes | Yes |
| Works with any theme | Yes (DarkReader) | Yes | Yes |
| Many switch styles and colour presets | — | Ultimate (paid) | Pro |
| Scheduling, image replacement | — | Ultimate (paid) | Pro (images) |
| Admin dashboard dark mode | — | Free | Pro |
| Also: accessibility toolbar, animations, sticky header, maintenance mode, code snippets | Yes | — | — |
Sources: WP Dark Mode, Dark Mode Toggle, as of October 25, 2026. Disclosure: WPXERO makes ExtenderX (version 1.10.0).
Choose a dedicated plugin if dark mode is a design feature you want to fine-tune — custom switch designs, per-element colours, swapping images. Choose ExtenderX if you want a reliable toggle and would rather not add a separate plugin for it, especially if you also want its accessibility toolbar, which includes high contrast and inverted colours.
Dark mode and accessibility
Dark mode isn't an accessibility fix by itself. Some people with astigmatism find light text on dark backgrounds harder to read. Offer it as a choice, keep contrast high in both modes, and pair it with real accessibility tools.
More from ExtenderX
ExtenderX replaces several single-purpose plugins: Gutenberg block animations, maintenance and coming soon mode, header and footer code, a sticky header, back to top, announcement bar and more. ExtenderX Pro adds smooth scrolling, a preloader, cookie consent, a countdown banner and 16 more seasonal effects, from $19.99 a year.