{"id":299000,"date":"2026-04-21T01:34:34","date_gmt":"2026-04-21T01:34:34","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/smart-mode-dark-mode-light-mode-switcher\/"},"modified":"2026-05-02T18:52:36","modified_gmt":"2026-05-02T18:52:36","slug":"joynal-dark-mode-switcher","status":"publish","type":"plugin","link":"https:\/\/mg.wordpress.org\/plugins\/joynal-dark-mode-switcher\/","author":22013597,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.1","stable_tag":"1.0.1","tested":"6.9.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Joynal Dark Mode Switcher","header_author":"joynall","header_description":"Joynal Dark Mode Switcher is a modern WordPress plugin that allows visitors to switch between light and dark views with a floating toggle. It's easy to use and works smoothly on any WordPress website.","assets_banners_color":"515151","last_updated":"2026-05-02 18:52:36","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/profiles.wordpress.org\/joynall\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":145,"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":"joynall","date":"2026-04-23 17:28:37"},"1.0.1":{"tag":"1.0.1","author":"joynall","date":"2026-05-02 18:52:36"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3521075,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3511296,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1953,23713,12734,173231,188286],"plugin_category":[34],"plugin_contributors":[260672],"plugin_business_model":[],"class_list":["post-299000","plugin","type-plugin","status-publish","hentry","plugin_tags-accessibility","plugin_tags-contrast","plugin_tags-dark","plugin_tags-dark-mode","plugin_tags-light-mode","plugin_category-accessibility","plugin_contributors-joynall","plugin_committers-joynall"],"banners":{"banner":"https:\/\/ps.w.org\/joynal-dark-mode-switcher\/assets\/banner-772x250.png?rev=3511296","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/joynal-dark-mode-switcher\/assets\/icon-256x256.png?rev=3521075","icon_2x":"https:\/\/ps.w.org\/joynal-dark-mode-switcher\/assets\/icon-256x256.png?rev=3521075","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Joynal Dark Mode Switcher is a lightweight WordPress plugin that lets visitors toggle between light and dark modes with a simple frontend switch.<\/p>\n\n<p>It provides a fast, flicker-free experience by remembering user preferences and applying clean CSS-based styling for accurate colors and smooth performance across your website.<\/p>\n\n<h3>Key Features<\/h3>\n\n<ul>\n<li><strong>Simple &amp; Fast<\/strong>: Lightweight architecture ensures optimal performance and prevents visual blinking (FOUC).<\/li>\n<li><strong>Floating Toggle Button<\/strong>: Beautiful SVG-based sun\/moon toggle switch that can be anchored to the bottom right or left.<\/li>\n<li><strong>User Persistence<\/strong>: The visitor's preference is automatically remembered on subsequent visits and across different pages.<\/li>\n<li><strong>Accessible Designs<\/strong>: High contrast base colors provide readable white text over dark backgrounds by default.<\/li>\n<li><strong>Custom CSS Rules<\/strong>: Easily inject custom CSS overrides from the minimalist settings dashboard for more nuanced dark themes.<\/li>\n<li><strong>Default Mode Option<\/strong>: Define whether the plugin should default to 'light' or 'dark' for visitors who haven't selected a preference yet.<\/li>\n<li><strong>Secure &amp; Compliant<\/strong>: Native integration using native <code>wp_enqueue_<\/code> hooks, translatable text domains (<code>joynal-dark-mode-switcher<\/code>), and proper late escaping.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to your <code>\/wp-content\/plugins\/joynal-dark-mode-switcher<\/code> directory, or install the plugin through the WordPress plugins screen directly via ZIP.<\/li>\n<li>Activate the plugin through the 'Plugins' menu item in WordPress.<\/li>\n<li>Access the plugin configuration via the \"Joynal Dark Mode Switcher\" settings item in your main dashboard sidebar.<\/li>\n<li>Toggle on \"Enable Joynal Dark Mode Switcher\" and configure your desired base behavior!<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20break%20my%20fixed%20headers%3F\"><h3>Does it break my fixed headers?<\/h3><\/dt>\n<dd><p>No! Because this plugin applies targeted CSS color overrides rather than primitive blanket <code>filter<\/code> overlays, components like fixed headers, positioned footers, or complex animations work beautifully in dark mode.<\/p><\/dd>\n<dt id=\"can%20i%20write%20my%20own%20custom%20styles%3F\"><h3>Can I write my own custom styles?<\/h3><\/dt>\n<dd><p>Yes! From the settings page, you can add custom CSS to target specific elements in your theme and handle edge cases easily.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Updated plugin icon<\/li>\n<li>Improved readme description and formatting<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial stable release!<\/li>\n<\/ul>","raw_excerpt":"A lightweight, modern, and performant WordPress plugin to toggle between light and dark modes easily with a simple floating switch.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/299000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=299000"}],"author":[{"embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/joynall"}],"wp:attachment":[{"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=299000"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=299000"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=299000"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=299000"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=299000"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mg.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=299000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}