Make Your Site Look Good on Chrome on Android Lollipop with “Theme Color”

Google Chrome on Android 5.0 Lollipop displays open tabs in the “Overview Mode” along with other running apps. This,we already know. Now, since this is Android Lollipop we are talking about, here is an extra bit of information to note.

Material design allows apps to use custom colors to toolbars and status bars. So, when your site is listed along with other apps (colorful apps!) in the overview mode/multitasking mode, you can assign a specific color to use, to make it look good.

Here is how to set it:

Starting in version 39 of Chrome for Android on Lollipop, you’ll now be able to use the theme-color meta tag to set the toolbar color—this means no more Seattle gray toolbars! The syntax is pretty simple: add a meta tag to your page’s <head> with the name=”theme-color”, and set the content to any valid CSS color.

Here is the full tutorial at HTML5 Rocks, complete with examples. If you are a webmaster, I am sure you will find this pretty easy to do! If you are a web developer, this should be piece of cake!

Alright, so which color do you want to see for Chrome Story?

Leave a Reply

Your email address will not be published.