{"id":220330,"date":"2025-02-08T12:08:58","date_gmt":"2025-02-08T12:08:58","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/darkmate-dark-mode\/"},"modified":"2026-08-10T10:41:22","modified_gmt":"2026-08-10T10:41:22","slug":"darkmeta-dark-mode","status":"publish","type":"plugin","link":"https:\/\/lt.wordpress.org\/plugins\/darkmeta-dark-mode\/","author":23185096,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.0","stable_tag":"trunk","tested":"7.0.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"DarkMeta Dark Mode","header_author":"devthemenet","header_description":"DarkMeta Dark Mode WP Plugin is a lightweight plugin that allows you to add dark mode functionality to your WordPress website. Users can toggle between light and dark themes using a simple button, and their preferences are saved for future visits.","assets_banners_color":"c58c02","last_updated":"2026-08-10 10:41:22","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/buymeacoffee.com\/devtheme","header_plugin_uri":"https:\/\/darkmeta.devtheme.net\/","header_author_uri":"https:\/\/devtheme.net\/","rating":5,"author_block_rating":0,"active_installs":0,"downloads":1108,"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.1.0":"<p>Adds system preference support, improves accessibility and performance, and preserves settings when the plugin is deactivated.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":3},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3236939,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3238573,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3357512,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3236939,"resolution":"1","location":"assets","locale":"","width":900,"height":534},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3236939,"resolution":"2","location":"assets","locale":"","width":900,"height":534},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3248937,"resolution":"3","location":"assets","locale":"","width":1342,"height":796}},"screenshots":{"1":"The dark mode toggle on a public page.","2":"The DarkMeta settings page in WordPress admin.","3":"Custom color and icon settings."}},"plugin_section":[],"plugin_tags":[1953,3706,173231,24155,163960],"plugin_category":[34],"plugin_contributors":[238179,251416],"plugin_business_model":[],"class_list":["post-220330","plugin","type-plugin","status-publish","hentry","plugin_tags-accessibility","plugin_tags-color-scheme","plugin_tags-dark-mode","plugin_tags-dark-theme","plugin_tags-night-mode","plugin_category-accessibility","plugin_contributors-devthemenet","plugin_contributors-moduify","plugin_committers-devthemenet","plugin_support_reps-devthemenet"],"banners":{"banner":"https:\/\/ps.w.org\/darkmeta-dark-mode\/assets\/banner-772x250.png?rev=3357512","banner_2x":"https:\/\/ps.w.org\/darkmeta-dark-mode\/assets\/banner-1544x500.png?rev=3238573","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/darkmeta-dark-mode\/assets\/icon-256x256.png?rev=3236939","icon_2x":"https:\/\/ps.w.org\/darkmeta-dark-mode\/assets\/icon-256x256.png?rev=3236939","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/darkmeta-dark-mode\/assets\/screenshot-1.png?rev=3236939","caption":"The dark mode toggle on a public page."},{"src":"https:\/\/ps.w.org\/darkmeta-dark-mode\/assets\/screenshot-2.png?rev=3236939","caption":"The DarkMeta settings page in WordPress admin."},{"src":"https:\/\/ps.w.org\/darkmeta-dark-mode\/assets\/screenshot-3.png?rev=3248937","caption":"Custom color and icon settings."}],"raw_content":"<!--section=description-->\n<p>DarkMeta Dark Mode adds a lightweight dark mode toggle to the public side of your WordPress site. Visitors can choose light or dark mode, and their preference is saved in their browser for future visits.<\/p>\n\n<p>[youtube https:\/\/www.youtube.com\/watch?v=WeD8M927wK8]<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>Accessible, keyboard-friendly dark mode toggle.<\/li>\n<li>Follows a visitor's device color scheme by default.<\/li>\n<li>Remembers manual choices using browser local storage.<\/li>\n<li>Custom dark background and text colors.<\/li>\n<li>Custom light and dark mode icons.<\/li>\n<li>Dependency-free JavaScript with no jQuery requirement.<\/li>\n<li>Respects reduced-motion preferences.<\/li>\n<li>Translation-ready settings and controls.<\/li>\n<\/ul>\n\n<p>The plugin changes the page background, text color, and browser color scheme. Themes with highly customized component backgrounds may require additional theme CSS for a completely tailored result.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin to the <code>\/wp-content\/plugins\/<\/code> directory, or install it through the WordPress Plugins screen.<\/li>\n<li>Activate <strong>DarkMeta Dark Mode<\/strong> from the Plugins screen.<\/li>\n<li>Go to <strong>Settings &gt; DarkMeta Dark Mode<\/strong> to configure the initial mode, colors, and icons.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20the%20plugin%20remember%20a%20visitor%27s%20choice%3F\"><h3>Does the plugin remember a visitor's choice?<\/h3><\/dt>\n<dd><p>Yes. A manual light or dark selection is stored in that visitor's browser using local storage. No preference data is sent to your server.<\/p><\/dd>\n<dt id=\"can%20it%20follow%20the%20visitor%27s%20device%20setting%3F\"><h3>Can it follow the visitor's device setting?<\/h3><\/dt>\n<dd><p>Yes. Choose <strong>Follow visitor device<\/strong> as the initial mode. A visitor's manual choice always takes priority.<\/p><\/dd>\n<dt id=\"can%20i%20customize%20the%20colors%20and%20icons%3F\"><h3>Can I customize the colors and icons?<\/h3><\/dt>\n<dd><p>Yes. Choose the dark background and text colors, then enter a character or emoji for each toggle icon on the settings page.<\/p><\/dd>\n<dt id=\"does%20it%20darken%20every%20element%20added%20by%20my%20theme%20or%20page%20builder%3F\"><h3>Does it darken every element added by my theme or page builder?<\/h3><\/dt>\n<dd><p>The plugin sets the page background, text color, and native browser color scheme. Because themes and page builders can define their own component colors, some sites may need a few additional CSS rules in the theme for a fully customized appearance.<\/p><\/dd>\n<dt id=\"what%20happens%20when%20i%20deactivate%20or%20uninstall%20the%20plugin%3F\"><h3>What happens when I deactivate or uninstall the plugin?<\/h3><\/dt>\n<dd><p>Deactivation preserves your settings. Deleting the plugin through WordPress removes its saved WordPress options. Browser preferences remain local to each visitor.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.0 - 2026-08-10<\/h4>\n\n<ul>\n<li>Added system color-scheme detection with live device preference updates.<\/li>\n<li>Added an initial mode setting for system, light, or dark mode.<\/li>\n<li>Added accessible toggle labels, state, keyboard focus, and reduced-motion support.<\/li>\n<li>Improved early theme application to avoid a flash of the wrong color scheme.<\/li>\n<li>Replaced the jQuery controller with dependency-free JavaScript.<\/li>\n<li>Added automatic migration of the legacy browser preference.<\/li>\n<li>Scoped admin assets to the plugin settings page.<\/li>\n<li>Added asset versioning and a direct Settings link on the Plugins screen.<\/li>\n<li>Preserved options on deactivation and added clean option removal on uninstall.<\/li>\n<li>Fixed invalid defaults, readme encoding, inaccurate feature claims, and untranslated admin labels.<\/li>\n<\/ul>\n\n<h4>1.0.2 - 2025-02-21<\/h4>\n\n<ul>\n<li>Added an option to disable the frontend toggle.<\/li>\n<\/ul>\n\n<h4>1.0.1 - 2025-02-17<\/h4>\n\n<ul>\n<li>Fixed minor issues and performed maintenance updates.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Add an accessible dark mode toggle with custom colors, system preference detection, and persistent visitor choices.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/220330","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=220330"}],"author":[{"embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/devthemenet"}],"wp:attachment":[{"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=220330"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=220330"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=220330"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=220330"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=220330"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/lt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=220330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}