Dark Mode Plugin adds an on-brand dark mode toggle to Elementor/WordPress sites by mapping Global Colors, with live preview. See features, pricing, and FAQs.
Category
Design
Pricing
Free WordPress.org plugin covers core dark-mode mapping and manual switching on unlimited sites. Pro adds advanced automation, presets, and styling for 5 sites per license at $39/year (annual) or $119 as a one-time lifetime purchase; both unlock the same Pro feature set., from $39
Verified
Not yet
Last updated
August 6, 2026
WordPress IntegrationFree PlanFreelancersFreemium
Dark Mode Plugin is a WordPress plugin, built as an independent add-on for Elementor, that lets site owners add a genuine dark mode without rebuilding pages. Instead of forcing a generic CSS invert, it maps each of a site's Elementor Global Colors to a darker counterpart, so the dark version stays on-brand and matches the original design system. Editors can preview dark mode directly on real page layouts before it goes live, then expose it to visitors through a native-feeling toggle delivered as an Elementor widget or a shortcode fallback for non-Elementor areas. The plugin also detects visitor system preferences (prefers-color-scheme), remembers a visitor's choice, supports scheduled or automated switching, lets teams save and import/export color presets, swaps logos for a dark-friendly version, and allows specific pages or areas to be excluded from dark mode. It ships as a free WordPress.org plugin covering the core color-mapping and toggle functionality, with a paid Pro tier that unlocks advanced preview tools, presets, automation, transitions, exclusions, and priority support. The product markets itself to freelancers, agencies, and in-house teams working on Elementor builds, and states explicitly that it is not affiliated with Elementor.
Key Features
Global Color mapping — Automatically maps existing Elementor Global Colors to darker counterparts so the dark version stays on-brand.
Live page preview — Preview dark mode directly on real page layouts before publishing changes.
Native toggle widget & shortcode — Adds a dark/light toggle via an Elementor widget, with a shortcode fallback for non-Elementor areas.
Presets & import/export — Save, import, and export color presets across sites (Pro).
Automation — Detects visitor system preference (prefers-color-scheme), remembers visitor choice, and supports scheduled switching (Pro).
Exclusions & logo swap — Exclude specific pages or areas from dark mode and swap in a dark-friendly logo (Pro).
Pros & Cons
Pros
Maps existing Elementor Global Colors instead of applying a generic dark filter, so results stay on-brand
Free version is available on WordPress.org, so teams can try the core toggle before paying
Live preview on real page layouts reduces the risk of shipping broken dark styling