Signup/Sign In
Ask Question
Not satisfied by the Answer? Still looking for a better solution?

How to change the color of header bar and address bar in newest Chrome version on Lollipop?

Haven't found anything on this topic yet. I really like the ability to change the color of address bar and header color on Overview? Is there any easy way to do this?

I think you need Android 5.0 Lollipop for this to work, and Chrome's Merge Tabs and Apps set to On.

2 Answers

You need to add a <meta> tag in your <head> containing name="theme-color", with your HEX code as the content value. For example:

<meta name="theme-color" content="#999999" />
You actually need 3 meta tags to support Android, iPhone and Windows Phone

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#4285f4">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#4285f4">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#4285f4">

Login / Signup to Answer the Question.