Title: Dark Mode for Elementor &#8211; Global colors mapping
Author: presarioweb
Published: <strong>April 28, 2026</strong>
Last modified: July 27, 2026

---

Search plugins

![](https://ps.w.org/presario-dark-mode/assets/banner-772x250.png?rev=3517409)

![](https://ps.w.org/presario-dark-mode/assets/icon-128x128.gif?rev=3517444)

# Dark Mode for Elementor – Global colors mapping

 By [presarioweb](https://profiles.wordpress.org/presarioweb/)

[Download](https://downloads.wordpress.org/plugin/presario-dark-mode.1.1.0.zip)

 * [Details](https://pcd.wordpress.org/plugins/presario-dark-mode/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/presario-dark-mode/#reviews)
 *  [Installation](https://pcd.wordpress.org/plugins/presario-dark-mode/#installation)
 * [Development](https://pcd.wordpress.org/plugins/presario-dark-mode/#developers)

 [Support](https://wordpress.org/support/plugin/presario-dark-mode/)

## Description

Dark Mode for Elementor helps you build a consistent dark mode experience on Elementor
sites without restyling every widget manually.

Core capabilities:

 * Add a dedicated dark mode toggle widget for Elementor.
 * Map dark colors to every system and custom Elementor Global Color and reuse them
   site-wide.
 * Keep the visitor preference in the browser.
 * Choose the startup mode and configure shortcode fallback controls.
 * Preview the mapped result before applying changes across the site.

This plugin is designed for sites that already rely on Elementor Global Colors and
want a centralized dark mode workflow.

Why teams use it:

 * It keeps dark mode aligned with Elementor’s design system.
 * It gives you a simple site-wide workflow based on Elementor Global Colors.
 * It helps you ship a useful toggle experience with a focused setup flow.

### External Services

This plugin does not require an external service for its core Free functionality.

It includes informational links to the Presario website:

 * https://darkmodeplugin.com/ – product website and documentation
 * https://darkmodeplugin.com/support – support page

## Screenshots

[⌊Map Elementor Global Colors to dedicated dark mode values.⌉⌊Map Elementor Global
Colors to dedicated dark mode values.⌉[

Map Elementor Global Colors to dedicated dark mode values.

[⌊Configure your site-wide dark palette from Elementor Global Colors.⌉⌊Configure
your site-wide dark palette from Elementor Global Colors.⌉[

Configure your site-wide dark palette from Elementor Global Colors.

[⌊Choose the startup mode and shortcode controls for the Free plugin.⌉⌊Choose the
startup mode and shortcode controls for the Free plugin.⌉[

Choose the startup mode and shortcode controls for the Free plugin.

[⌊Use the shortcode fallback when the switch must live outside an Elementor layout.⌉⌊
Use the shortcode fallback when the switch must live outside an Elementor layout
.⌉[

Use the shortcode fallback when the switch must live outside an Elementor layout.

[[

[[

[[

[[

[[

[[

[[

[[

## Installation

 1. Upload the plugin files to the `/wp-content/plugins/presario-dark-mode` directory,
    or install the plugin through the WordPress plugins screen.
 2. Activate the plugin through the `Plugins` screen in WordPress.
 3. Make sure Elementor is installed and activated.
 4. Go to `Dark Mode` in the WordPress admin to configure your dark palette.
 5. Add the `Dark Mode Toggle` widget in Elementor where you want the switch to appear.

## FAQ

### Does this plugin require Elementor?

Yes. Elementor must be installed and activated.

### Does the plugin automatically translate to French?

The plugin is translation-ready and uses the `presario-dark-mode` text domain.

### Can I keep using my own theme?

Yes. The plugin is theme-agnostic, but it is especially effective when the site 
colors are driven by Elementor Global Colors.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Dark Mode for Elementor – Global colors mapping” is open source software. The following
people have contributed to this plugin.

Contributors

 *   [ Presario ](https://profiles.wordpress.org/presarioweb/)

[Translate “Dark Mode for Elementor – Global colors mapping” into your language.](https://translate.wordpress.org/projects/wp-plugins/presario-dark-mode)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/presario-dark-mode/),
check out the [SVN repository](https://plugins.svn.wordpress.org/presario-dark-mode/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/presario-dark-mode/)
by [RSS](https://plugins.trac.wordpress.org/log/presario-dark-mode/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.1.0

 * Made the complete Elementor Global Colors palette available in the Free plugin,
   including custom colors.
 * Removed the Pro-only restriction and upgrade prompt for custom Global Color mapping.
 * Confirmed compatibility with WordPress 7.0.2 and updated the WordPress.org compatibility
   metadata.
 * Updated the public plugin name without changing its existing slug or update path.

#### 1.0.0

 * First official public launch of Presario Dark Mode for Elementor.
 * Added the dark mode toggle widget and Elementor Global Colors mapping workflow.
 * Prepared the plugin for WordPress.org distribution and customer-ready production
   use.

## Meta

 *  Version **1.1.0**
 *  Last updated **3 weeks ago**
 *  Active installations **10+**
 *  WordPress version ** 5.8 or higher **
 *  Tested up to **7.0.4**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/presario-dark-mode/)
 * Tags
 * [accessibility](https://pcd.wordpress.org/plugins/tags/accessibility/)[dark mode](https://pcd.wordpress.org/plugins/tags/dark-mode/)
   [elementor](https://pcd.wordpress.org/plugins/tags/elementor/)[Global Colors](https://pcd.wordpress.org/plugins/tags/global-colors/)
   [light mode](https://pcd.wordpress.org/plugins/tags/light-mode/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/presario-dark-mode/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/presario-dark-mode/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/presario-dark-mode/reviews/)

## Contributors

 *   [ Presario ](https://profiles.wordpress.org/presarioweb/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/presario-dark-mode/)