Title: Browser Theme Color – Address Bar Color & Dark Mode Author: Marco Milesi Published: 9 Giugno 2016 Last modified: 5 Ottobre 2026 --- Ricerca i plugin ![](https://ps.w.org/browser-theme-color/assets/banner-772x250.png?rev=3728574) ![](https://ps.w.org/browser-theme-color/assets/icon-256x256.gif?rev=3728574) # Browser Theme Color – Address Bar Color & Dark Mode Di [Marco Milesi](https://profiles.wordpress.org/milmor/) [Scarica](https://downloads.wordpress.org/plugin/browser-theme-color.2.0.1.zip) * [Dettagli](https://it.wordpress.org/plugins/browser-theme-color/#description) * [Recensioni](https://it.wordpress.org/plugins/browser-theme-color/#reviews) * [Installazione](https://it.wordpress.org/plugins/browser-theme-color/#installation) * [Sviluppo](https://it.wordpress.org/plugins/browser-theme-color/#developers) [Supporto](https://wordpress.org/support/plugin/browser-theme-color/) ## Descrizione Discover a powerful solution for enhancing your website’s user experience across multiple platforms with our simple, lightweight, and effective plugin that adds the “theme-color” meta tag. Supported by Chrome, Edge and Samsung Internet on Android and by Safari up to iOS 18, our plugin follows the web standard to ensure a seamless user experience. In addition to its seamless compatibility, our plugin is fully customizable, allowing you to style it to match your brand’s unique identity. With the option to choose from a variety of colors, you can easily tailor the “theme-color” meta tag to perfectly complement your website’s design and layout. When you install the plugin for the first time, the color is automatically set to# 23282D, which is the standard WordPress color. From there, you can easily customize the tag to match your brand, ensuring a fully immersive user experience that keeps visitors coming back for more. #### Features * Sets the “theme-color” meta tag used by Chrome, Edge and Samsung Internet on Android, and Safari up to iOS 18 * Optional separate color for visitors using dark mode (`prefers-color-scheme`) * Experimental support for Safari on iOS 26+, which ignores the “theme-color” tag * Color picker with live light/dark preview * Developer filters: `browser_theme_color` and `browser_theme_color_dark` * Lightweight: no external requests, no front-end scripts or styles Development happens on GitHub: [milesimarco/browser-theme-color](https://github.com/milesimarco/browser-theme-color). Don’t settle for a subpar user experience on mobile devices. Elevate your website’s design and functionality with our “theme-color” meta tag plugin today, for free! ## Screenshot [⌊Settings page: theme color, dark mode color with live previews and experimental Safari iOS 26+ options.⌉⌊Settings page: theme color, dark mode color with live previews and experimental Safari iOS 26+ options.⌉[ Settings page: theme color, dark mode color with live previews and experimental Safari iOS 26+ options. [⌊Choose any color with the WordPress color picker.⌉⌊Choose any color with the WordPress color picker.⌉[ Choose any color with the WordPress color picker. ## Installazione This section describes how to install the plugin and get it working. 1. Upload `browser-theme-color` directory to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Go to Settings -> Browser Theme Color 4. Choose the color you want and style it to match your style! ## FAQ ### How to set the color? You can set the color in the plugin settings screen (Settings -> Browser Theme Color), or via the “Settings” link in the plugins list. ### Can I use a different color in dark mode? Yes. Set the “Dark Mode Color” field: the plugin will output two theme-color tags with `media="(prefers-color-scheme: light)"` and `media="(prefers-color-scheme: dark)"`. Leave it empty to use a single color. ### Does it work on iPhone? Up to iOS 18, Safari uses the “theme-color” tag. Starting with iOS 26, Safari ignores it and tints its toolbars using the background color of your page or of fixed elements at the top and bottom edges (such as a fixed header). Version 2.0 adds two experimental options, “Tint the top bar” and “Tint the bottom bar” (Settings -> Browser Theme Color), disabled by default. They add a thin strip in your theme color at the top and/or bottom edge of the page, only on iOS Safari, so Safari can pick up the color. Apple does not document this behavior and may change it: if your theme has a fixed header Safari may use its color instead, so test it on a real iPhone. Tried it on an iPhone? Please share how it behaves (iOS version, theme, and whether the bars changed color) in the [support forum](https://wordpress.org/support/plugin/browser-theme-color/): your feedback will help improve this feature. ### Can I change the color programmatically? Yes, use the filters: ``` add_filter( 'browser_theme_color', function( $color ) { return is_front_page() ? '#ff6600' : $color; } ); add_filter( 'browser_theme_color_dark', '__return_empty_string' ); ``` ## Recensioni ![](https://secure.gravatar.com/avatar/15d42c6dab67a060bc2505fac89be5650dc55d380308238dabc3fc1a0e4a4be9? s=60&d=retro&r=g) ### 󠀁[Browser Theme Color](https://wordpress.org/support/topic/browser-theme-color/)󠁿 [Marco Milesi](https://profiles.wordpress.org/milmor/) 3 Settembre 2016 For support, please visit https://wordpress.org/support/plugin/browser-theme-color [ Leggi la recensione di 1 ](https://wordpress.org/support/plugin/browser-theme-color/reviews/) ## Contributi e sviluppo “Browser Theme Color – Address Bar Color & Dark Mode” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito. Collaboratori * [ Marco Milesi ](https://profiles.wordpress.org/milmor/) [Traduci “Browser Theme Color – Address Bar Color & Dark Mode” nella tua lingua.](https://translate.wordpress.org/projects/wp-plugins/browser-theme-color) ### Ti interessa lo sviluppo? [Esplora il codice](https://plugins.trac.wordpress.org/browser/browser-theme-color/) segui il [repository SVN](https://plugins.svn.wordpress.org/browser-theme-color/), segui il [log delle modifiche](https://plugins.trac.wordpress.org/log/browser-theme-color/) tramite [RSS](https://plugins.trac.wordpress.org/log/browser-theme-color/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.0.1 2026-10-05 * New: optional dark mode color, output with `prefers-color-scheme` media queries * New (experimental): options to tint the top and bottom bars of Safari on iOS 26+, which ignores the theme-color tag * New: “Settings” link in the plugins list * New: `browser_theme_color` and `browser_theme_color_dark` filters for developers * New: live preview with automatic text contrast in the settings page * New: plugin options are removed on uninstall * Improved: settings page now uses the WordPress Settings API * Improved: meta tags are printed earlier in `` * Breaking: removed obsolete `msapplication-navbutton-color` (Windows Phone) and iOS web app meta tags (`apple-mobile-web-app-capable`, `apple-mobile-web-app- status-bar-style`), which no longer affect the browser color * Fixed: settings menu name in readme * Plugin name now describes what it does: “Browser Theme Color – Address Bar Color& Dark Mode” * Tested up to WordPress 7.2 * Requires WordPress 5.0 and PHP 7.0 #### 1.5 2025-05-26 * Tested up to latest WP * Refactored plugin to use an object-oriented approach for better maintainability. * Improved code security and WordPress best practices (escaping, sanitization, capability checks). * Enhanced the settings page UI and validation. * Integrated the color picker initialization as inline JavaScript for reliability. * Cleaned up and modernized code style throughout the plugin. #### 1.4.1 2024-05-24 * Minor changes * Tested up to latest WP #### 1.3 20230217 * Minor changes * Tested up to latest WP #### 1.2.3 20220621 * Minor improvements * Tested up to WP 6.0 #### 1.2.2 20201002 * Minor improvements #### 1.2.1 20200430 * Compatibility check * Minor improvements #### 1.2 05.09.2017 * **Tested** with WP 4.8 #### 1.1 10.01.2017 * **Tested** with WP 4.7 #### 1.0 9.06.2016 * First release, enjoy! ## Meta * Versione **2.0.1** * Ultimo aggiornamento **2 settimane fa** * Installazioni attive **2.000+** * Versione WordPress ** 5.0 o superiore ** * Testato fino alla versione **7.2** * Versione PHP ** 7.0 o superiore ** * Lingua * [English (US)](https://wordpress.org/plugins/browser-theme-color/) * Tag * [address bar](https://it.wordpress.org/plugins/tags/address-bar/)[android](https://it.wordpress.org/plugins/tags/android/) [dark mode](https://it.wordpress.org/plugins/tags/dark-mode/)[mobile](https://it.wordpress.org/plugins/tags/mobile/) [theme color](https://it.wordpress.org/plugins/tags/theme-color/) * [Visualizzazione avanzata](https://it.wordpress.org/plugins/browser-theme-color/advanced/) ## Valutazioni 5 su 5 stelle. * [ 1 5- recensioni a stelle ](https://wordpress.org/support/plugin/browser-theme-color/reviews/?filter=5) * [ 0 recensioni a 4-stelle ](https://wordpress.org/support/plugin/browser-theme-color/reviews/?filter=4) * [ 0 recensioni a 3-stelle ](https://wordpress.org/support/plugin/browser-theme-color/reviews/?filter=3) * [ 0 recensioni a 2-stelle ](https://wordpress.org/support/plugin/browser-theme-color/reviews/?filter=2) * [ 0 recensioni a 1-stelle ](https://wordpress.org/support/plugin/browser-theme-color/reviews/?filter=1) [La tua recensione](https://wordpress.org/support/plugin/browser-theme-color/reviews/#new-post) [Vedi tutte le recensioni](https://wordpress.org/support/plugin/browser-theme-color/reviews/) ## Collaboratori * [ Marco Milesi ](https://profiles.wordpress.org/milmor/) ## Supporto Hai qualcosa da dire? Ti serve aiuto? [Chiedi nel forum di supporto](https://wordpress.org/support/plugin/browser-theme-color/) ## Dona Vuoi supportare lo sviluppo di questo plugin? [ Fai una donazione per questo plugin ](https://www.paypal.me/milesimarco)