CODEWITHSUNDEEP
androidgoogle-chromeuser-interface
cat
cat

Reputation: 4020

How does the Quora mobile website style Android UI elements?

The top status / URL bar of Chrome, and Android's system status bar(!) are themed red by Quora!

Chrome looks like this:

How can a website ask Chrome and Android to change their appearance on a whim?

Upvotes: 2

Views: 312

Answers (1)

Arnold Stoba
Arnold Stoba

Reputation: 343

Chrome especially introduced a new feature with Version 39 that allows the chrome header elements to be colorized with a meta tag. This following code would create an red android chrome address bar.

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

Edit: To support different devices it seems like you need to add additional meta tags

<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#F00">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#F00">

Upvotes: 3

Related Questions