Change URL bar colour in Chrome on Android

October 18, 2015 12:44 pm Published by Leave your thoughts

For some time now the Chrome browser on Android has supported ‘theme-color’ allowing you to theme the colour of the url bar on compatible devices. It’s a nice little trick to help your site stand out from the crowd, especially if you have a strong brand identity. Here’s how it’s done…

Simply add the following meta tag somewhere in the of your pages and adjust the colour accordingly:

<meta name="theme-color" content="#999999"/>

chrome-android-url-bar-colour

Note: according to the [https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android](Google Developers blog) this is only compatible on devices running version 39 of Chrome for Android on Lollipop and above.

Another nice touch is that it also changes the toolbar / header colour when switching between apps so again your site has the opportunity to stand out:

android-open-apps

Categorised in:

This post was written by WillyNilly

Leave a Reply

Your email address will not be published. Required fields are marked *