{"id":337170,"date":"2026-07-11T06:00:47","date_gmt":"2026-07-11T06:00:47","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/palette-switch\/"},"modified":"2026-07-11T06:00:12","modified_gmt":"2026-07-11T06:00:12","slug":"paleswitch-for-elementor","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/paleswitch-for-elementor\/","author":20301073,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.0.1","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"PaleSwitch \u2013 Light\/Dark Palettes for Elementor","header_author":"AguilArt Design","header_description":"Manage frontend light and dark color palettes for Elementor using Global Colors.","assets_banners_color":"6e6e6e","last_updated":"2026-07-11 06:00:12","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.com\/donate\/?hosted_button_id=GNH9VG7FQGYLE","header_plugin_uri":"https:\/\/paleswitch.com","header_author_uri":"https:\/\/aguilartdesign.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":44,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"aguilartdesign","date":"2026-07-11 06:00:12"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3603633,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3603633,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3603633,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3603633,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3603633,"resolution":"1","location":"assets","locale":"","width":1920,"height":994},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3603633,"resolution":"2","location":"assets","locale":"","width":1920,"height":994},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":3603633,"resolution":"3","location":"assets","locale":"","width":1920,"height":994}},"screenshots":{"1":"PaleSwitch main color management panel.","2":"PaleSwitch settings screen.","3":"Elementor theme switcher widget."}},"plugin_section":[],"plugin_tags":[131581,173231,76538,2250,221768],"plugin_category":[],"plugin_contributors":[271015],"plugin_business_model":[],"class_list":["post-337170","plugin","type-plugin","status-publish","hentry","plugin_tags-color-palette","plugin_tags-dark-mode","plugin_tags-elementor","plugin_tags-frontend","plugin_tags-global-colors","plugin_contributors-aguilartdesign","plugin_committers-aguilartdesign"],"banners":{"banner":"https:\/\/ps.w.org\/paleswitch-for-elementor\/assets\/banner-772x250.png?rev=3603633","banner_2x":"https:\/\/ps.w.org\/paleswitch-for-elementor\/assets\/banner-1544x500.png?rev=3603633","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/paleswitch-for-elementor\/assets\/icon-128x128.gif?rev=3603633","icon_2x":"https:\/\/ps.w.org\/paleswitch-for-elementor\/assets\/icon-256x256.gif?rev=3603633","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/paleswitch-for-elementor\/assets\/screenshot-1.jpg?rev=3603633","caption":"PaleSwitch main color management panel."},{"src":"https:\/\/ps.w.org\/paleswitch-for-elementor\/assets\/screenshot-2.jpg?rev=3603633","caption":"PaleSwitch settings screen."},{"src":"https:\/\/ps.w.org\/paleswitch-for-elementor\/assets\/screenshot-3.jpg?rev=3603633","caption":"Elementor theme switcher widget."}],"raw_content":"<!--section=description-->\n<p>PaleSwitch helps Elementor users manage frontend dark mode using the Global Colors from the Elementor Site Settings.<\/p>\n\n<p>This plugin is focused on the light and dark mode visitors see on the website, not the dark mode of the Elementor editor.<\/p>\n\n<p>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.<\/p>\n\n<p>Free features:<\/p>\n\n<ul>\n<li>Manual light\/dark color editing.<\/li>\n<li>Elementor Global Colors integration.<\/li>\n<li>Automatic dark mode CSS generation.<\/li>\n<li>Elementor theme switcher widget.<\/li>\n<li>System preference detection.<\/li>\n<li>Default theme option.<\/li>\n<\/ul>\n\n<p>PaleSwitch is useful for designers, freelancers and developers who want a cleaner workflow for frontend light\/dark color systems in Elementor.<\/p>\n\n<h3>Third-party Libraries<\/h3>\n\n<p>This plugin includes Pickr 1.9.1 by Simon Reinisch, licensed under the MIT License.<\/p>\n\n<p>Source: https:\/\/github.com\/Simonwep\/pickr<\/p>\n\n<p>The included Nano theme CSS has minor style adjustments for the PaleSwitch admin interface. The original license notice is preserved in the files.<\/p>\n\n<p>Readable source files are included:<\/p>\n\n<ul>\n<li>assets\/js\/pickr.js<\/li>\n<li>assets\/css\/nano.css<\/li>\n<\/ul>\n\n<p>Minified files used by the plugin:<\/p>\n\n<ul>\n<li>assets\/js\/pickr.min.js<\/li>\n<li>assets\/css\/nano.min.css<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/paleswitch-for-elementor<\/code> directory, or install the plugin through the WordPress plugins screen.<\/li>\n<li>Activate the plugin through the <code>Plugins<\/code> screen in WordPress.<\/li>\n<li>Make sure Elementor is installed and activated.<\/li>\n<li>Go to <code>PaleSwitch<\/code> in the WordPress admin.<\/li>\n<li>Configure your light\/dark color values.<\/li>\n<li>Add the PaleSwitch widget inside Elementor where you want the frontend switch to appear.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20change%20the%20elementor%20editor%20theme%3F\"><h3>Does this change the Elementor editor theme?<\/h3><\/dt>\n<dd><p>No. PaleSwitch is focused on frontend dark mode, meaning the light\/dark mode visitors see on the website.<\/p><\/dd>\n<dt id=\"does%20paleswitch%20require%20elementor%3F\"><h3>Does PaleSwitch require Elementor?<\/h3><\/dt>\n<dd><p>Yes. PaleSwitch is designed to work with Elementor Global Colors.<\/p><\/dd>\n<dt id=\"does%20the%20free%20version%20work%20without%20the%20pro%20version%3F\"><h3>Does the Free version work without the Pro version?<\/h3><\/dt>\n<dd><p>Yes. The Free version is fully functional and includes manual light\/dark editing, CSS output and the Elementor switch widget.<\/p><\/dd>\n<dt id=\"does%20paleswitch%20replace%20elementor%20global%20colors%3F\"><h3>Does PaleSwitch replace Elementor Global Colors?<\/h3><\/dt>\n<dd><p>No. PaleSwitch uses Elementor Global Colors as the base and lets you define dark counterparts for those colors.<\/p><\/dd>\n<dt id=\"where%20is%20the%20generated%20css%20saved%3F\"><h3>Where is the generated CSS saved?<\/h3><\/dt>\n<dd><p>PaleSwitch generates a CSS file inside the WordPress uploads directory, under <code>\/wp-content\/uploads\/palesw-css\/colors-switch-theme.css<\/code>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Manage frontend light and dark color palettes for Elementor using Global Colors.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/337170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=337170"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/aguilartdesign"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=337170"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=337170"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=337170"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=337170"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=337170"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=337170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}