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

Question

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.

android html

4 years ago by Bharatgxwzm

2 Answers

Login / Signup to Answer the Question.

Login Signup

**akshay1995** · Answer 1 · 2021-07-28T13:32:09

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

**pankajshivnani123** · Answer 2 · 2021-08-05T12:46:02

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

C TUTORIAL

C PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

C++ TUTORIAL

C++ PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

PYTHON TUTORIAL

PYTHON HOW TOS

INTERVIEW TESTS

EXECUTE CODE

JAVA TUTORIAL

JAVA CODE EXAMPLES

SPRING TUTORIAL

MORE IN JAVA

COMPUTER ARCHITECTURE

COMPUTER NETWORK

OPERATING SYSTEM

DBMS & SQL

PL/SQL

MongoDB

EXECUTE SQL

ANDROID DEVELOPMENT

GO LANGUAGE

LINUX

DOCKER

HTML TAGS (A to Z)

CSS REFERENCES

SASS/SCSS

KOTLIN

GAME DEVELOPMENT

PHP

GIT GUIDE

JAVASCRIPT

ADVANCED DSA

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

2 Answers

Login / Signup to Answer the Question.