Set toolbar color in Chrome on Android

By using the theme-color meta tag, you set a toolbar color in Chrome on Android 5.0 and up. This color will then be used in the app drawer as well and by using a color, your website can stand out and be recognized immediately.

2014-11-15 11.12.50

Add the code, as found below, in your <head> of your HTML file. If you use a CMS, find the appropriate file to put this code in. If you use WordPress, this should be in header.php.

<meta name="theme-color" content="#168dd9">

Change the content value to anything you want, as long as it is valid. Don’t forget to also provide a high resolution (192×192 pixels should do it) favicon for Chrome to use.

2014-11-15 11.13.27

 

Author Bio

Thank you for your interest in my blog! On this miniblog, I write mostly short (technical) blog posts that might interest other people. Read more about me or feel free to contact me.

 

Leave a Reply

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