Title: PaleSwitch – Light/Dark Palettes for Elementor Author: AguilArt Design Published: July 11, 2026 Last modified: July 11, 2026 --- Search plugins ![](https://ps.w.org/paleswitch-for-elementor/assets/banner-772x250.png?rev=3603633) ![](https://ps.w.org/paleswitch-for-elementor/assets/icon-256x256.gif?rev=3603633) # PaleSwitch – Light/Dark Palettes for Elementor By [AguilArt Design](https://profiles.wordpress.org/aguilartdesign/) [Download](https://downloads.wordpress.org/plugin/paleswitch-for-elementor.1.0.0.zip) * [Details](https://wordpress.org/plugins/paleswitch-for-elementor/#description) * [Reviews](https://wordpress.org/plugins/paleswitch-for-elementor/#reviews) * [Installation](https://wordpress.org/plugins/paleswitch-for-elementor/#installation) * [Development](https://wordpress.org/plugins/paleswitch-for-elementor/#developers) [Support](https://wordpress.org/support/plugin/paleswitch-for-elementor/) ## Description PaleSwitch helps Elementor users manage frontend dark mode using the Global Colors from the Elementor Site Settings. This plugin is focused on the light and dark mode visitors see on the website, not the dark mode of the Elementor editor. Instead of editing every widget manually or duplicating sections, PaleSwitch lets you define dark counterparts for Elementor Global Colors and generate the CSS variables needed for frontend dark mode. Free features: * Manual light/dark color editing. * Elementor Global Colors integration. * Automatic dark mode CSS generation. * Elementor theme switcher widget. * System preference detection. * Default theme option. PaleSwitch is useful for designers, freelancers and developers who want a cleaner workflow for frontend light/dark color systems in Elementor. ### Third-party Libraries This plugin includes Pickr 1.9.1 by Simon Reinisch, licensed under the MIT License. Source: https://github.com/Simonwep/pickr The included Nano theme CSS has minor style adjustments for the PaleSwitch admin interface. The original license notice is preserved in the files. Readable source files are included: * assets/js/pickr.js * assets/css/nano.css Minified files used by the plugin: * assets/js/pickr.min.js * assets/css/nano.min.css ## Screenshots [⌊PaleSwitch main color management panel.⌉⌊PaleSwitch main color management panel .⌉[ PaleSwitch main color management panel. [⌊PaleSwitch settings screen.⌉⌊PaleSwitch settings screen.⌉[ PaleSwitch settings screen. [⌊Elementor theme switcher widget.⌉⌊Elementor theme switcher widget.⌉[ Elementor theme switcher widget. ## Installation 1. Upload the plugin files to the `/wp-content/plugins/paleswitch-for-elementor` 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 `PaleSwitch` in the WordPress admin. 5. Configure your light/dark color values. 6. Add the PaleSwitch widget inside Elementor where you want the frontend switch to appear. ## FAQ ### Does this change the Elementor editor theme? No. PaleSwitch is focused on frontend dark mode, meaning the light/dark mode visitors see on the website. ### Does PaleSwitch require Elementor? Yes. PaleSwitch is designed to work with Elementor Global Colors. ### Does the Free version work without the Pro version? Yes. The Free version is fully functional and includes manual light/dark editing, CSS output and the Elementor switch widget. ### Does PaleSwitch replace Elementor Global Colors? No. PaleSwitch uses Elementor Global Colors as the base and lets you define dark counterparts for those colors. ### Where is the generated CSS saved? PaleSwitch generates a CSS file inside the WordPress uploads directory, under `/ wp-content/uploads/palesw-css/colors-switch-theme.css`. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “PaleSwitch – Light/Dark Palettes for Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ AguilArt Design ](https://profiles.wordpress.org/aguilartdesign/) [Translate “PaleSwitch – Light/Dark Palettes for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/paleswitch-for-elementor) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/paleswitch-for-elementor/), check out the [SVN repository](https://plugins.svn.wordpress.org/paleswitch-for-elementor/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/paleswitch-for-elementor/) by [RSS](https://plugins.trac.wordpress.org/log/paleswitch-for-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release. ## Meta * Version **1.0.0** * Last updated **21 hours ago** * Active installations **Fewer than 10** * WordPress version ** 6.5 or higher ** * Tested up to **7.0.1** * PHP version ** 7.4 or higher ** * Tags * [color palette](https://wordpress.org/plugins/tags/color-palette/)[dark mode](https://wordpress.org/plugins/tags/dark-mode/) [elementor](https://wordpress.org/plugins/tags/elementor/)[Frontend](https://wordpress.org/plugins/tags/frontend/) [Global Colors](https://wordpress.org/plugins/tags/global-colors/) * [Advanced View](https://wordpress.org/plugins/paleswitch-for-elementor/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/paleswitch-for-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/paleswitch-for-elementor/reviews/) ## Contributors * [ AguilArt Design ](https://profiles.wordpress.org/aguilartdesign/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/paleswitch-for-elementor/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.paypal.com/donate/?hosted_button_id=GNH9VG7FQGYLE)