Quer aprender a mudar a cor da Statusbar? Hoje trago uma dica incrível de como aumentar mais a identificação do seu site no celular.
Quando é definida a identidade visual do nosso site, queremos que sempre tenha uma 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ê mudar a cor do browser, alterando a cor da barra de navegação. Isso também é possível no Safari / iOS e Windows Phone também, sei lá se ele volta!
Cada navegador tem sua forma de implementação. Veja abaixo as meta tags a serem utilizadas.
Chrome no Android
<meta name="theme-color" content="#75b529">
Safari no iOS
<meta name="apple-mobile-web-app-status-bar-style" content="#75b529">
Windows Phone
<meta name="msapplication-navbutton-color" content="#75b529">
Veja o exemplo abaixo.
De fato, esta personalização pode trazer mais identidade do seu site e de sua marca, oferecendo aos seus usuários um aspecto totalmente personalizado. Espero que tenham gostado. Um abraço e até a próxima.
