{"id":304070,"date":"2026-04-28T14:35:38","date_gmt":"2026-04-28T14:35:38","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/zerobloat-dark-mode\/"},"modified":"2026-04-28T14:36:14","modified_gmt":"2026-04-28T14:36:14","slug":"zerobloat-dark-mode","status":"publish","type":"plugin","link":"https:\/\/es-mx.wordpress.org\/plugins\/zerobloat-dark-mode\/","author":16940839,"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.0","requires_php":"7.4","requires_plugins":null,"header_name":"ZeroBloat Dark Mode","header_author":"Murad","header_description":"Adds a dark mode toggle to your site. Lightweight and simple, with zero configuration required.","assets_banners_color":"","last_updated":"2026-04-28 14:36:14","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":127,"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":"muradt20","date":"2026-04-28 14:36:14"}},"upgrade_notice":{"1.0.0":"<p>Initial release.<\/p>"},"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Dark mode toggle button","2":"Site in dark mode"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[173231,24155,163960,2133,260638],"plugin_category":[],"plugin_contributors":[260639],"plugin_business_model":[],"class_list":["post-304070","plugin","type-plugin","status-publish","hentry","plugin_tags-dark-mode","plugin_tags-dark-theme","plugin_tags-night-mode","plugin_tags-toggle","plugin_tags-zerobloat","plugin_contributors-muradt20","plugin_committers-muradt20"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/zerobloat-dark-mode.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>ZeroBloat Dark Mode<\/strong> adds a floating toggle button that lets visitors switch between light and dark mode.<\/p>\n\n<p>No settings page. No database queries. No bloat.<\/p>\n\n<p>Just install, activate, done.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>Floating toggle button (bottom-right corner)<\/li>\n<li>Respects system preference (prefers-color-scheme)<\/li>\n<li>Remembers user choice (localStorage)<\/li>\n<li>Prevents flash of unstyled content<\/li>\n<li>Shortcode <code>[dark_mode_toggle]<\/code> for custom placement<\/li>\n<li>Works with any theme<\/li>\n<li>No external dependencies<\/li>\n<li>No tracking or analytics<\/li>\n<li>Under 5KB total<\/li>\n<\/ul>\n\n<h4>How It Works<\/h4>\n\n<ol>\n<li>Checks user's saved preference<\/li>\n<li>Falls back to system preference (OS dark mode)<\/li>\n<li>User can toggle anytime with the floating button<\/li>\n<li>Choice is saved for future visits<\/li>\n<\/ol>\n\n<h4>Styling<\/h4>\n\n<p>The plugin applies sensible dark mode defaults. To customize, add CSS to your theme:<\/p>\n\n<pre><code>body.mdm-dark {\n    background-color: #121212 !important;\n    color: #ffffff !important;\n}\n<\/code><\/pre>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>zerobloat-dark-mode<\/code> folder to <code>\/wp-content\/plugins\/<\/code><\/li>\n<li>Activate through the 'Plugins' menu<\/li>\n<li>Done. A toggle button appears on your site.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"where%20are%20the%20settings%3F\"><h3>Where are the settings?<\/h3><\/dt>\n<dd><p>There are none. The plugin uses sensible defaults. If you need customization, add CSS to your theme.<\/p><\/dd>\n<dt id=\"can%20i%20move%20the%20toggle%20button%3F\"><h3>Can I move the toggle button?<\/h3><\/dt>\n<dd><p>Use the shortcode <code>[dark_mode_toggle]<\/code> to place it anywhere. The floating button will still appear unless you hide it with CSS:<\/p>\n\n<pre><code>.mdm-toggle:not(.mdm-toggle-inline) { display: none !important; }\n<\/code><\/pre><\/dd>\n<dt id=\"does%20it%20work%20with%20my%20theme%3F\"><h3>Does it work with my theme?<\/h3><\/dt>\n<dd><p>It works with most themes. Dark mode is applied using CSS with <code>!important<\/code> rules to override theme styles.<\/p><\/dd>\n<dt id=\"can%20i%20customize%20the%20colors%3F\"><h3>Can I customize the colors?<\/h3><\/dt>\n<dd><p>Yes, add CSS to your theme targeting <code>body.mdm-dark<\/code>. See the Styling section above.<\/p><\/dd>\n<dt id=\"does%20it%20remember%20the%20user%27s%20choice%3F\"><h3>Does it remember the user's choice?<\/h3><\/dt>\n<dd><p>Yes, it saves the preference in localStorage and restores it on next visit.<\/p><\/dd>\n<dt id=\"does%20it%20respect%20system%20dark%20mode%3F\"><h3>Does it respect system dark mode?<\/h3><\/dt>\n<dd><p>Yes, if the user hasn't made a choice, it follows the OS preference.<\/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":"Adds a dark mode toggle to your site. Lightweight and simple, with zero configuration required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/304070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=304070"}],"author":[{"embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/muradt20"}],"wp:attachment":[{"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=304070"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=304070"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=304070"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=304070"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=304070"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/es-mx.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=304070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}