{"id":299083,"date":"2026-04-28T12:41:38","date_gmt":"2026-04-28T12:41:38","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/presario-dark-mode-for-elementor\/"},"modified":"2026-04-28T13:00:20","modified_gmt":"2026-04-28T13:00:20","slug":"presario-dark-mode","status":"publish","type":"plugin","link":"https:\/\/kir.wordpress.org\/plugins\/presario-dark-mode\/","author":23476371,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.9.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Presario Dark Mode for Elementor","header_author":"Presario","header_description":"Dark mode for Elementor with a toggle widget, global color mapping, preview tools, and shortcode controls.","assets_banners_color":"3f213f","last_updated":"2026-04-28 13:00:20","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/darkmodeplugin.com\/presario-dark-mode","header_author_uri":"https:\/\/darkmodeplugin.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":96,"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":"presarioweb","date":"2026-04-28 13:00:20"}},"upgrade_notice":{"1.0.0":"<p>Initial public release of Presario Dark Mode for Elementor.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3517444,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3517409,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3517409,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3517409,"resolution":"1","location":"assets","locale":""},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3517409,"resolution":"10","location":"assets","locale":""},"screenshot-11.png":{"filename":"screenshot-11.png","revision":3517409,"resolution":"11","location":"assets","locale":""},"screenshot-12.png":{"filename":"screenshot-12.png","revision":3517409,"resolution":"12","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3517409,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3517409,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3517409,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3517409,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3517409,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3517409,"resolution":"7","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3517409,"resolution":"8","location":"assets","locale":""},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3517409,"resolution":"9","location":"assets","locale":""}},"screenshots":{"1":"Map Elementor Global Colors to dedicated dark mode values.","2":"Configure your site-wide dark palette from Elementor Global Colors.","3":"Choose the startup mode and shortcode controls for the Free plugin.","4":"Use the shortcode fallback when the switch must live outside an Elementor layout.","5":"Place the Dark Mode Toggle widget directly inside an Elementor layout.","6":"Extend the mapping workflow across additional design-system colors.","7":"Example preset workflow with saved presets and import\/export.","8":"Example automation workflow for system or time-based behavior.","9":"Example transition workflow for the light and dark mode switch.","10":"Example logo replacement workflow for dark mode branding.","11":"Example exclusion workflow for pages, URLs, and selectors.","12":"Configure the fallback shortcode labels, colors, borders, and live preview."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1953,173231,76538,221768,188286],"plugin_category":[34],"plugin_contributors":[261284],"plugin_business_model":[],"class_list":["post-299083","plugin","type-plugin","status-publish","hentry","plugin_tags-accessibility","plugin_tags-dark-mode","plugin_tags-elementor","plugin_tags-global-colors","plugin_tags-light-mode","plugin_category-accessibility","plugin_contributors-presarioweb","plugin_committers-presarioweb"],"banners":{"banner":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/banner-772x250.png?rev=3517409","banner_2x":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/banner-1544x500.png?rev=3517409","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/icon-128x128.gif?rev=3517444","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/screenshot-1.png?rev=3517409","caption":"Map Elementor Global Colors to dedicated dark mode values."},{"src":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/screenshot-2.png?rev=3517409","caption":"Configure your site-wide dark palette from Elementor Global Colors."},{"src":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/screenshot-3.png?rev=3517409","caption":"Choose the startup mode and shortcode controls for the Free plugin."},{"src":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/screenshot-4.png?rev=3517409","caption":"Use the shortcode fallback when the switch must live outside an Elementor layout."},{"src":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/screenshot-5.png?rev=3517409","caption":"Place the Dark Mode Toggle widget directly inside an Elementor layout."},{"src":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/screenshot-6.png?rev=3517409","caption":"Extend the mapping workflow across additional design-system colors."},{"src":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/screenshot-7.png?rev=3517409","caption":"Example preset workflow with saved presets and import\/export."},{"src":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/screenshot-8.png?rev=3517409","caption":"Example automation workflow for system or time-based behavior."},{"src":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/screenshot-9.png?rev=3517409","caption":"Example transition workflow for the light and dark mode switch."},{"src":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/screenshot-10.png?rev=3517409","caption":"Example logo replacement workflow for dark mode branding."},{"src":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/screenshot-11.png?rev=3517409","caption":"Example exclusion workflow for pages, URLs, and selectors."},{"src":"https:\/\/ps.w.org\/presario-dark-mode\/assets\/screenshot-12.png?rev=3517409","caption":"Configure the fallback shortcode labels, colors, borders, and live preview."}],"raw_content":"<!--section=description-->\n<p>Dark Mode for Elementor helps you build a consistent dark mode experience on Elementor sites without restyling every widget manually.<\/p>\n\n<p>Core capabilities:<\/p>\n\n<ul>\n<li>Add a dedicated dark mode toggle widget for Elementor.<\/li>\n<li>Map dark colors to Elementor Global Colors and reuse them site-wide.<\/li>\n<li>Keep the visitor preference in the browser.<\/li>\n<li>Choose the startup mode and configure shortcode fallback controls.<\/li>\n<li>Preview the mapped result before applying changes across the site.<\/li>\n<\/ul>\n\n<p>This plugin is designed for sites that already rely on Elementor Global Colors and want a centralized dark mode workflow.<\/p>\n\n<p>Why teams use it:<\/p>\n\n<ul>\n<li>It keeps dark mode aligned with Elementor's design system.<\/li>\n<li>It gives you a simple site-wide workflow based on Elementor Global Colors.<\/li>\n<li>It helps you ship a useful toggle experience with a focused setup flow.<\/li>\n<\/ul>\n\n<h3>External Services<\/h3>\n\n<p>This plugin does not require an external service for its core Free functionality.<\/p>\n\n<p>It includes informational links to the Presario website:<\/p>\n\n<ul>\n<li>https:\/\/darkmodeplugin.com\/ - product website and documentation<\/li>\n<li>https:\/\/darkmodeplugin.com\/support - support page<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/presario-dark-mode<\/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>Dark Mode<\/code> in the WordPress admin to configure your dark palette.<\/li>\n<li>Add the <code>Dark Mode Toggle<\/code> widget in Elementor where you want the switch to appear.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"how%20do%20i%20add%20dark%20mode%20to%20my%20elementor%20site%3F\"><h3>How do I add dark mode to my Elementor site?<\/h3><\/dt>\n<dd><p>Install the plugin, map Elementor Global Colors to darker values, preview the result, then place the visitor-facing switch where it fits your layout.<\/p><\/dd>\n<dt id=\"does%20elementor%20include%20a%20built-in%20dark%20mode%20toggle%20for%20visitors%3F\"><h3>Does Elementor include a built-in dark mode toggle for visitors?<\/h3><\/dt>\n<dd><p>No. Elementor does not provide a native visitor-facing dark mode toggle. This plugin adds that layer on top of Elementor and connects it to your color mapping workflow.<\/p><\/dd>\n<dt id=\"do%20i%20need%20elementor%20pro%3F\"><h3>Do I need Elementor Pro?<\/h3><\/dt>\n<dd><p>No. The free plugin works with Elementor itself. Elementor Pro is not required to map colors, preview the result, or place the toggle on the frontend.<\/p><\/dd>\n<dt id=\"can%20i%20create%20dark%20mode%20without%20redesigning%20every%20page%3F\"><h3>Can I create dark mode without redesigning every page?<\/h3><\/dt>\n<dd><p>Yes. The plugin is built around Elementor Global Colors, so you can centralize your dark palette instead of restyling each page or widget one by one.<\/p><\/dd>\n<dt id=\"can%20visitors%20switch%20between%20light%20mode%20and%20dark%20mode%3F\"><h3>Can visitors switch between light mode and dark mode?<\/h3><\/dt>\n<dd><p>Yes. The free plugin includes an Elementor toggle widget and a shortcode fallback for theme areas that are not built with Elementor.<\/p><\/dd>\n<dt id=\"can%20i%20preview%20the%20result%20before%20applying%20changes%20across%20the%20site%3F\"><h3>Can I preview the result before applying changes across the site?<\/h3><\/dt>\n<dd><p>Yes. The plugin includes a preview flow so you can review the mapped result before relying on it across the site.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20my%20current%20theme%3F\"><h3>Does it work with my current theme?<\/h3><\/dt>\n<dd><p>Yes. The plugin is theme-agnostic, but it is especially effective when the site colors are driven by Elementor Global Colors.<\/p><\/dd>\n<dt id=\"can%20this%20help%20with%20accessibility%20and%20contrast%20review%3F\"><h3>Can this help with accessibility and contrast review?<\/h3><\/dt>\n<dd><p>It helps you review mapped colour pairs on real layouts, but accessibility compliance still depends on the final colours, content, and contrast choices used on your site.<\/p><\/dd>\n<dt id=\"are%20advanced%20automation%20and%20exclusions%20included%20in%20this%20wordpress.org%20plugin%3F\"><h3>Are advanced automation and exclusions included in this WordPress.org plugin?<\/h3><\/dt>\n<dd><p>This WordPress.org plugin focuses on the free feature set: color mapping, preview, the toggle widget, and the shortcode fallback. Advanced workflows such as automation and exclusions are available separately in Presario Dark Mode Pro for Elementor.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>First official public launch of Presario Dark Mode for Elementor.<\/li>\n<li>Added the dark mode toggle widget and Elementor Global Colors mapping workflow.<\/li>\n<li>Prepared the plugin for WordPress.org distribution and customer-ready production use.<\/li>\n<\/ul>","raw_excerpt":"Add a dark mode toggle to Elementor and map dark colors to Elementor Global Colors.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/299083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/kir.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/kir.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=299083"}],"author":[{"embeddable":true,"href":"https:\/\/kir.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/presarioweb"}],"wp:attachment":[{"href":"https:\/\/kir.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=299083"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/kir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=299083"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/kir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=299083"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/kir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=299083"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/kir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=299083"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/kir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=299083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}