Aprenda a como mudar cor do browser no mobile de acordo com seu site

Quando é definida a identidade visual de um site, queremos que tenha harmonia em tudo, seja nos posicionamentos ou nas cores.

E se pudéssemos transferir um pouco disso para o navegador aumentando mais a identificação da cor do nosso site?

Sim, isso é possível de ser realizado nos navegadores de celulares através de meta tags específicas.

A partir da versão 39 do Chrome para o Android Lollipop, é possível você alterar a cor da barra de navegação. Isso também é possível no Safari e Windows Phone também.

Cada navegador tem sua forma de implementação. Veja abaixo as meta tags a serem utilizadas.

Chrome Mobile

<meta name="theme-color" content="#75b529">

iOS Safari Mobile

<meta name="apple-mobile-web-app-status-bar-style" content="#75b529">

Windows Phone Mobile

<meta name="msapplication-navbutton-color" content="#75b529">

Espero ter ajudado, e até a próxima