Title: Browser Theme Color – Address Bar Color & Dark Mode Author: Marco Milesi Published: 9. Juna 2016. Last modified: 5. Oktobra 2026. --- Pretražite dodatke ![](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 Od [Marco Milesi](https://profiles.wordpress.org/milmor/) [Skini](https://downloads.wordpress.org/plugin/browser-theme-color.2.0.1.zip) * [Detalji](https://bs.wordpress.org/plugins/browser-theme-color/#description) * [Recenzije](https://bs.wordpress.org/plugins/browser-theme-color/#reviews) * [Instalacija](https://bs.wordpress.org/plugins/browser-theme-color/#installation) * [Razvoj](https://bs.wordpress.org/plugins/browser-theme-color/#developers) [Podrška](https://wordpress.org/support/plugin/browser-theme-color/) ## Opis 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! ## Slike ekrana [⌊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. ## Instalacija 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! ## ČPP ### 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' ); ``` ## Recenzije ![](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. Septembra 2016. For support, please visit https://wordpress.org/support/plugin/browser-theme-color [ Read all 1 review ](https://wordpress.org/support/plugin/browser-theme-color/reviews/) ## Saradnici i programeri “Browser Theme Color – Address Bar Color & Dark Mode” is open source software. The following people have contributed to this plugin. Doprinositelji * [ Marco Milesi ](https://profiles.wordpress.org/milmor/) [Prevedi “Browser Theme Color – Address Bar Color & Dark Mode” na vaš jezik.](https://translate.wordpress.org/projects/wp-plugins/browser-theme-color) ### Zainteresirani za razvoj? [Pregledajte kôd](https://plugins.trac.wordpress.org/browser/browser-theme-color/), pogledajte [SVN spremište](https://plugins.svn.wordpress.org/browser-theme-color/) ili se pretplatite na [dnevnik razvoja](https://plugins.trac.wordpress.org/log/browser-theme-color/) od [RSS](https://plugins.trac.wordpress.org/log/browser-theme-color/?limit=100&mode=stop_on_copy&format=rss). ## Zapis promijena #### 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 * Version **2.0.1** * Last updated **prije 6 sati** * Active installations **2.000+** * WordPress version ** 5.0 ili viša ** * Tested up to **7.2** * PHP version ** 7.0 ili viša ** * Language * [English (US)](https://wordpress.org/plugins/browser-theme-color/) * Tags * [address bar](https://bs.wordpress.org/plugins/tags/address-bar/)[android](https://bs.wordpress.org/plugins/tags/android/) [dark mode](https://bs.wordpress.org/plugins/tags/dark-mode/)[mobile](https://bs.wordpress.org/plugins/tags/mobile/) [theme color](https://bs.wordpress.org/plugins/tags/theme-color/) * [Napredni pogled](https://bs.wordpress.org/plugins/browser-theme-color/advanced/) ## Ocjene 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/browser-theme-color/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/browser-theme-color/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/browser-theme-color/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/browser-theme-color/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/browser-theme-color/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/browser-theme-color/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/browser-theme-color/reviews/) ## Doprinositelji * [ Marco Milesi ](https://profiles.wordpress.org/milmor/) ## Podrška Imate nešto za reći? Trebate pomoć? [Pogledaj forum podrške](https://wordpress.org/support/plugin/browser-theme-color/) ## Pokloni Da li bi ste željeli da podržite napredovanje ovog proširenja? [ Pokloni ovom proširenju ](https://www.paypal.me/milesimarco)