Uma foto minha vestido com o uniforme da Grifinória do Harry Potter

Willian JustenSoftware Engineer

Instrutor na Udemy, escrevo sobre o mundo front end, viagens, vida pessoal e mais.

← Voltar na listagem

Theme Color Android Lollipop

Como fazer a barra de notificações do android ficar com a cor do seu site.

Fala galera, vim trazer mais uma #dicarapida, essa é bem rápida mesmo. Um amigo estava navegando meu blog no celular dele e notou que tudo ficou com a cor do meu site e me perguntou como fazia, já que o intuito do blog é passar conhecimento, mesmo que seja bem pequeno e simples, resolvi mandar essa dica aqui =)

Essa modificação passou a valer depois da atualização do Chrome 39 para mobile, que veio com o Android Lollipop, portanto, só funciona nessa versão. O que podemos ficar felizes, já que celulares mais modestos como o Moto G (um dos mais utilizados no Brasil), já possui essa versão.

Para quem não tem o Lollipop ainda e quiser saber como é mais ou menos, segue a imagem abaixo:

Captura de tela de um celular android

Para fazer isso é bastante simples, basta adicionar uma meta tag no head do seu site.

<!-- Android Lolipop Theme Color -->
<meta name="theme-color" content="cor em hexadecimal">

Bom é só isso, vamos tornar nossos sites cada vez mais com a nossa cara, pequenos detalhes fazem a diferença!