How to do a colored address bar in Chrome for Android like thenextweb.com

Question

When you are visiting thenextweb.com with an Android Chrome Browser, you will see a red address bar. Is there a trick to do this?

score 4 · Answer 1 · edited Jul 23 '18 at 16:28

4

<meta name="theme-color" content="#db5945">

edited Jul 23 '18 at 16:28

Community

1
1

answered Feb 15 '16 at 07:08

Raytin Smith

41
4

score 1 · Accepted Answer · edited May 23 '17 at 12:25

1

You can refer following site that may help you get colored address bar: How to change the color of header bar and address bar in newest Android Chrome version on Lollipop?

edited May 23 '17 at 12:25

Community

1
1

answered Feb 15 '16 at 07:45

Mrunal

348
4
15

score 0 · Answer 3 · answered Feb 15 '16 at 07:25

Android introduced in-app browser webviews called Chrome CustomTabs. which is similar to launching intent for web browser.

You can specify the color for addressbar while passing url .

private static final String EXTRA_CUSTOM_TABS_TOOLBAR_COLOR = "android.support.customtabs.extra.TOOLBAR_COLOR";
intent.putExtra(EXTRA_CUSTOM_TABS_TOOLBAR_COLOR, colorInt);

for more details. please read.

https://developer.chrome.com/multidevice/android/customtabs

How to do a colored address bar in Chrome for Android like thenextweb.com

3 Answers3