It was just a few days ago that I noticed some of the websites I visit on my Samsung Galaxy S4 had a different look to them. If you take a look at ESPN, Droid Life or the site you are looking at right now in Chrome for Android on Lollipop, you’ll see a little extra splash of color at the top of the screen.
Thanks to Google, starting in version 39 of Chrome for Android on Lollipop, websites are able to set a custom theme color for the address bar to enhance their brand presence.
The code is super simple. Copy the meta tag below into your page’s
<head> and set the "content" attribute to any HTML color code.
For example, to set the background to your favorite color or Poosh’s green:
<meta name="theme-color" content="#379f51">
But wait, there’s more! The green doesn’t stop with just the address bar. If you change over to the app switcher on your phone you will see the color is carried over, helping you to quickly find the tab you want using the app switcher.
In order to see the colored address bar, you will need an Android based phone running Lollipop. Make sure you have the latest stable version of Chrome installed, and turn "Merge tabs and apps" to "On" in Chome’s settings.
Useful or mindless eye candy?