Colorindo a barra de endereços no Android, iOS e Windows Phone

Pra quem está procurando ainda mais personalização de seu site ou de apenas uma página na web, os navegadores modernos para dispositivos móveis como o: Chrome, Firefox OS, Opera, Vivaldi, Edge para Windows Phone e o iOS Safari agora deixam você soltar a criatividade que está dentro de você. Na verdade não é nada demais, você apenas pode colocar uma cor na barra de endereços desses browsers supra citados.

Você já acessou o portal G1 pelo celular? Reparou que fica vermelhinho na barra de endereço? Viu é só isso. 😉

Olha só outro exemplo:
theme-color-ss

OK, vou parar de enrolação e mostrar agora sem delongas como fazer para seu site ficar “bunitinho” igualzinho o G1. Olha o código abaixo e você descobrirá!

<!-- Chrome, Firefox OS, Opera and Vivaldi -->
<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">

Entendeu? Não? Então desculpa, você precisa saber um pouquinho mais sobre HTML. 😀
Mais eu explico mesmo assim, resumindo é o seguinte: Adicione o código acima entre as tags HEAD de suas páginas e troque o #4285f4 pelo código da cor que você quiser!

Pronto, é isso… espero que te ajude.

Queremos saber sua opinião