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

Arpad Gabor picture Arpad Gabor · Nov 16, 2014 · Viewed 335.9k times · Source

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?

Chrome for Android enter image description here.

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

Answer

Arpad Gabor picture Arpad Gabor · Nov 16, 2014

Found the solution after some searching.

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" />

Update:

If the android device has native dark-mode enabled, then this meta tag is ignored.

Chrome for Android does not use the color on devices with native dark-mode enabled.

source: https://caniuse.com/#search=theme-color