Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

Chrome for Androidenter 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.

like image 729
Arpad Gabor Avatar asked Nov 16 '14 18:11

Arpad Gabor


People also ask

How do I change the color of my header in Chrome?

Change the color or image of the headerGo to the Design tab. Click Customize to expand the set of choices for customizing your theme. Click Header Image to choose an image to be the background of the header. Click Header background to choose a color for the header section.

How do I change the color of my upper bar?

Step 1: After opening the android studio and creating a new project with an empty activity. Step 2: Navigate to res/values/colors. xml, and add a color that you want to change for the status bar.


1 Answers

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

like image 181
Arpad Gabor Avatar answered Sep 18 '22 12:09

Arpad Gabor