{"id":325462,"date":"2026-06-18T05:14:51","date_gmt":"2026-06-18T05:14:51","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/ganava-dark-mode-switcher\/"},"modified":"2026-06-18T05:14:19","modified_gmt":"2026-06-18T05:14:19","slug":"ganava-dark-mode-switcher","status":"publish","type":"plugin","link":"https:\/\/en-gb.wordpress.org\/plugins\/ganava-dark-mode-switcher\/","author":23432335,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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":"Ganava Dark Mode Switcher","header_author":"Sandip Ganava","header_description":"Lightweight and complete dark mode switcher for WordPress. Fully responsive, keyboard-accessible, and highly compatible with Elementor, Gutenberg, WooCommerce, and modern themes.","assets_banners_color":"73749d","last_updated":"2026-06-18 05:14:19","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":23,"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":"sandipganava","date":"2026-06-18 05:14:19"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3576657,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3576657,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3576657,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":400},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3576657,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3576576,"resolution":"1","location":"assets","locale":"","width":1740,"height":877},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3576576,"resolution":"2","location":"assets","locale":"","width":1384,"height":804},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3576576,"resolution":"3","location":"assets","locale":"","width":1645,"height":707},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3576576,"resolution":"4","location":"assets","locale":"","width":1915,"height":909},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3576576,"resolution":"5","location":"assets","locale":"","width":1913,"height":905}},"screenshots":[]},"plugin_section":[],"plugin_tags":[173231,24155,163960,192230,262161],"plugin_category":[],"plugin_contributors":[263973],"plugin_business_model":[],"class_list":["post-325462","plugin","type-plugin","status-publish","hentry","plugin_tags-dark-mode","plugin_tags-dark-theme","plugin_tags-night-mode","plugin_tags-night-theme","plugin_tags-toggle-switch","plugin_contributors-sandipganava","plugin_committers-sandipganava"],"banners":{"banner":"https:\/\/ps.w.org\/ganava-dark-mode-switcher\/assets\/banner-772x250.png?rev=3576657","banner_2x":"https:\/\/ps.w.org\/ganava-dark-mode-switcher\/assets\/banner-1544x500.png?rev=3576657","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/ganava-dark-mode-switcher\/assets\/icon-128x128.png?rev=3576657","icon_2x":"https:\/\/ps.w.org\/ganava-dark-mode-switcher\/assets\/icon-256x256.png?rev=3576657","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/ganava-dark-mode-switcher\/assets\/screenshot-1.png?rev=3576576","caption":""},{"src":"https:\/\/ps.w.org\/ganava-dark-mode-switcher\/assets\/screenshot-2.png?rev=3576576","caption":""},{"src":"https:\/\/ps.w.org\/ganava-dark-mode-switcher\/assets\/screenshot-3.png?rev=3576576","caption":""},{"src":"https:\/\/ps.w.org\/ganava-dark-mode-switcher\/assets\/screenshot-4.png?rev=3576576","caption":""},{"src":"https:\/\/ps.w.org\/ganava-dark-mode-switcher\/assets\/screenshot-5.png?rev=3576576","caption":""}],"raw_content":"<!--section=description-->\n<p><strong>Ganava Dark Mode Switcher<\/strong> is an easy-to-use, feature-rich plugin designed to enhance user experience by providing a premium, animated Dark Mode toggle switch on your website.<\/p>\n\n<p>Allow your visitors to switch to a visually pleasant dark theme that matches their environment. The plugin automatically detects system preferences, remembers user preferences across sessions, and lets you customize the background, text, link, and button colors directly from the WordPress admin panel.<\/p>\n\n<p>Built with performance and versatility in mind, the plugin works out of the box with any theme, supports WooCommerce and Elementor layouts, and allows you to exclude specific elements like logos or images using CSS selectors.<\/p>\n\n<h3>Features<\/h3>\n\n<ul>\n<li><strong>System Preference Auto-Detection:<\/strong> Automatically switches to dark mode if the user's device is configured for dark theme.<\/li>\n<li><strong>Smart UI States Persistence:<\/strong> Remembers user preferences using local storage, avoiding style flash on page load.<\/li>\n<li><strong>Multiple Switch Styles:<\/strong> Choose between an iOS-style slider switch, text button, or sun\/moon SVG icons.<\/li>\n<li><strong>Flexible Floating Positions:<\/strong> Display the toggle button floating on the Top Right, Top Left, Bottom Right, or Bottom Left of the screen.<\/li>\n<li><strong>Shortcode Support:<\/strong> Place the toggle button anywhere within pages, posts, or widgets using <code>[ganava_dms_toggle]<\/code>.<\/li>\n<li><strong>Fully Customizable Colors:<\/strong> Define custom colors for background, text, links, card elements, borders, and buttons.<\/li>\n<li><strong>Advanced Element Exclusions:<\/strong> Prevent dark mode styles from applying to specific classes or selectors (such as <code>.logo<\/code> or <code>img<\/code>).<\/li>\n<li><strong>Page Builder &amp; WooCommerce Integration:<\/strong> Optimized styles for Elementor layouts and WooCommerce shops.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>ganava-dark-mode-switcher<\/code> folder to your <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Configure your dark mode styles and toggle display options by navigating to <strong>Settings &gt; Ganava Dark Mode<\/strong>.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"how%20do%20i%20place%20the%20toggle%20inside%20a%20post%20or%20page%3F\"><h3>How do I place the toggle inside a post or page?<\/h3><\/dt>\n<dd><p>You can insert the toggle switch manually anywhere in your content by using the shortcode <code>[ganava_dms_toggle]<\/code>. You can also override the default style or size via attributes, like <code>[ganava_dms_toggle style=\"icon\" size=\"large\"]<\/code>.<\/p><\/dd>\n<dt id=\"will%20this%20slow%20down%20my%20website%3F\"><h3>Will this slow down my website?<\/h3><\/dt>\n<dd><p>No, the plugin is highly optimized. CSS styles and JavaScript logic are small, native files that compile quickly. Color configurations are output dynamically as CSS custom properties in the header.<\/p><\/dd>\n<dt id=\"how%20do%20i%20exclude%20my%20site%20logo%20from%20being%20styled%3F\"><h3>How do I exclude my site logo from being styled?<\/h3><\/dt>\n<dd><p>Go to <strong>Settings &gt; Ganava Dark Mode<\/strong>, find the <strong>Excluded CSS Selectors<\/strong> option under the Advanced card, and add your logo's CSS class (e.g. <code>.site-logo<\/code> or <code>#logo<\/code>).<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial stable release.<\/li>\n<li>Added settings panel under Settings menu.<\/li>\n<li>Integrated custom CSS variable theme overrides.<\/li>\n<li>Built shortcode support and multiple switch styles.<\/li>\n<\/ul>","raw_excerpt":"Add a beautiful, fully customizable Dark Mode switcher to your WordPress website, complete with frontend toggle buttons, color options, and system pre &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/325462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=325462"}],"author":[{"embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/sandipganava"}],"wp:attachment":[{"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=325462"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=325462"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=325462"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=325462"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=325462"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=325462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}