![Captura de tela de um smartphone mostrando a cor do tema.](https://developer.chrome.google.cn/static/blog/support-for-theme-color-in-chrome-39-for-android/image/screenshot-phone-showing-cd48500fd0af.png?authuser=0000&hl=pt)
A partir da versão 39 do Chrome para Android no Lollipop, será possível
usar a metatag theme-color
para definir a cor da barra de ferramentas. Isso significa que não haverá mais
barras de ferramentas cinza Seattle. A sintaxe é bem simples: adicione uma tag meta
ao
<head>
da página com o name="theme-color"
e defina o content
como qualquer
cor CSS válida.
Por exemplo, para definir o plano de fundo como sua cor favorita ou laranja HTML5Rocks:
<meta name="theme-color" content="#db5945">
Além disso, o Chrome vai mostrar ícones de favoritos bonitos em alta resolução quando eles forem fornecidos. O Chrome para Android escolhe o ícone de maior resolução que você fornece. Recomendamos que você forneça um arquivo PNG de 192×192 px. Exemplo:
<link rel="icon" sizes="192x192" href="nice-highres.png">
Confira a cor do tema aqui no HTML5Rocks e no site Fundamentos da Web. Confira também os documentos de adição à tela inicial para mais maneiras de destacar seu site.