{"id":266374,"date":"2026-01-14T22:00:00","date_gmt":"2026-01-14T22:00:00","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/dark-mode-icon\/"},"modified":"2026-01-14T21:59:50","modified_gmt":"2026-01-14T21:59:50","slug":"huntsman-dark-mode-site-icon","status":"publish","type":"plugin","link":"https:\/\/pe.wordpress.org\/plugins\/huntsman-dark-mode-site-icon\/","author":23413783,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"trunk","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Huntsman Dark Mode Site Icon","header_author":"Josh Hunt (huntsmanmedia)","header_description":"Adds a dark-mode favicon option and outputs prefers-color-scheme icon tags while keeping WordPress Site Icon as the default.","assets_banners_color":"8e91b1","last_updated":"2026-01-14 21:59:50","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":134,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.0.0":"<p>Initial release.<\/p>"},"ratings":[],"assets_icons":[],"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3439887,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3439887,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3439887,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3439887,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3439887,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3439887,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"Visual overview showing how separate site icons are used in light and dark mode.","2":"Graphical representation illustrating how the Dark Mode Site Icon is applied across the frontend, admin area, and Site Editor.","3":"Example showing improved favicon visibility in light and dark mode, along with supported icon formats.","4":"Actual Dark Mode Site Icon settings screen in the WordPress admin, where the dark mode icon is uploaded and managed."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[173231,3841,254018,38602],"plugin_category":[50],"plugin_contributors":[254019],"plugin_business_model":[],"class_list":["post-266374","plugin","type-plugin","status-publish","hentry","plugin_tags-dark-mode","plugin_tags-favicon","plugin_tags-prefers-color-scheme","plugin_tags-site-icon","plugin_category-media","plugin_contributors-huntsmanmedia","plugin_committers-huntsmanmedia"],"banners":{"banner":"https:\/\/ps.w.org\/huntsman-dark-mode-site-icon\/assets\/banner-772x250.png?rev=3439887","banner_2x":"https:\/\/ps.w.org\/huntsman-dark-mode-site-icon\/assets\/banner-1544x500.png?rev=3439887","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/huntsman-dark-mode-site-icon_8e91b1.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/huntsman-dark-mode-site-icon\/assets\/screenshot-1.png?rev=3439887","caption":"Visual overview showing how separate site icons are used in light and dark mode."},{"src":"https:\/\/ps.w.org\/huntsman-dark-mode-site-icon\/assets\/screenshot-2.png?rev=3439887","caption":"Graphical representation illustrating how the Dark Mode Site Icon is applied across the frontend, admin area, and Site Editor."},{"src":"https:\/\/ps.w.org\/huntsman-dark-mode-site-icon\/assets\/screenshot-3.png?rev=3439887","caption":"Example showing improved favicon visibility in light and dark mode, along with supported icon formats."},{"src":"https:\/\/ps.w.org\/huntsman-dark-mode-site-icon\/assets\/screenshot-4.png?rev=3439887","caption":"Actual Dark Mode Site Icon settings screen in the WordPress admin, where the dark mode icon is uploaded and managed."}],"raw_content":"<!--section=description-->\n<p>Huntsman Dark Mode Site Icon allows you to set a separate site icon for light and dark mode.<\/p>\n\n<p>Upload one icon for light mode using WordPress\u2019s built-in Site Icon, and upload a separate icon for dark mode using this plugin. The appropriate icon is then displayed automatically based on the visitor\u2019s system theme.<\/p>\n\n<p>No code or configuration is required. If no dark mode icon is set, WordPress behaves exactly as normal.<\/p>\n\n<h3>Key Features<\/h3>\n\n<ul>\n<li>Separate site icons for light mode and dark mode<\/li>\n<li>Simple upload interface in the WordPress admin<\/li>\n<li>Works on the frontend, admin area, and login screen<\/li>\n<li>Optional enable\/disable toggle<\/li>\n<li>Does not replace or override the core WordPress Site Icon<\/li>\n<li>Accessable via the WP API<\/li>\n<\/ul>\n\n<h3>Usage<\/h3>\n\n<ul>\n<li><p><strong>Site Icon (WordPress)<\/strong><br \/>\nThis is the default WordPress Site Icon and is still managed by WordPress.<\/p><\/li>\n<li><p><strong>Dark Mode Site Icon<\/strong><br \/>\nThis icon is only used when the user\u2019s system is in dark mode and the browser supports <code>prefers-color-scheme<\/code>.<\/p><\/li>\n<\/ul>\n\n<p>If the Dark Mode Site Icon is not set, the plugin does nothing and WordPress behaves normally.<\/p>\n\n<h3>REST API<\/h3>\n\n<p>The plugin exposes a public REST endpoint for accessing the Dark Mode Site Icon:<\/p>\n\n<pre><code>\/wp-json\/hdmsi\/v1\/icons\n<\/code><\/pre>\n\n<p>Example response:\n{\n\u201cenabled\u201d: true,\n\u201cdark\u201d: {\n\u201cid\u201d: 123,\n\u201curl\u201d: \u201chttps:\/\/example.com\/icon-dark.png\u201d\n}\n}\nA dark-mode Web App Manifest is also available at:<\/p>\n\n<pre><code>\/wp-json\/hdmsi\/v1\/manifest?mode=dark\n<\/code><\/pre>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>huntsman-dark-mode-site-icon<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory, or install via the WordPress plugin uploader.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu.<\/li>\n<li>Go to <strong>Settings \u2192 Dark Mode Icon<\/strong>.<\/li>\n<li>Set your <strong>Dark Mode Site Icon<\/strong>.<\/li>\n<li>(Optional) Enable or disable output using the toggle.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='does%20this%20replace%20the%20wordpress%20site%20icon%3F'><h3>Does this replace the WordPress Site Icon?<\/h3><\/dt>\n<dd><p>No. The WordPress Site Icon remains the default. This plugin only adds additional dark-mode-specific tags.<\/p><\/dd>\n<dt id='what%20happens%20if%20i%20don%E2%80%99t%20set%20a%20dark%20mode%20site%20icon%3F'><h3>What happens if I don\u2019t set a Dark Mode Site Icon?<\/h3><\/dt>\n<dd><p>Nothing. The plugin outputs no additional tags and WordPress behaves exactly as normal.<\/p><\/dd>\n<dt id='does%20this%20work%20in%20wp-admin%20and%20on%20the%20login%20screen%3F'><h3>Does this work in wp-admin and on the login screen?<\/h3><\/dt>\n<dd><p>Yes. The plugin outputs dark-mode favicon tags in the frontend, admin area, and login screen.<\/p><\/dd>\n<dt id='does%20this%20support%20svg%20icons%3F'><h3>Does this support SVG icons?<\/h3><\/dt>\n<dd><p>Yes, but SVG uploads may be blocked by default in WordPress. You may need an SVG upload plugin.<\/p><\/dd>\n<dt id='what%20browsers%20support%20dark-mode%20favicons%3F'><h3>What browsers support dark-mode favicons?<\/h3><\/dt>\n<dd><p>Most modern browsers support including recent versions of Chrome, Edge, Firefox, and Safari, but support can vary by platform and OS. If a browser does not support dark mode icons, the default WordPress Site Icon is used.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>Dark Mode Site Icon support<\/li>\n<li>prefers-color-scheme favicon output<\/li>\n<li>REST API and manifest support<\/li>\n<li>Admin, login, and frontend compatibility<\/li>\n<\/ul>","raw_excerpt":"Set separate site icons for light and dark mode based on the visitor\u2019s system theme.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/266374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pe.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pe.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=266374"}],"author":[{"embeddable":true,"href":"https:\/\/pe.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/huntsmanmedia"}],"wp:attachment":[{"href":"https:\/\/pe.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=266374"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=266374"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=266374"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=266374"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=266374"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=266374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}