O Chrome introduziu o conceito de uma cor de tema para seu site em 2014. A cor do tema é uma dica da sua página da Web que informa ao navegador qual cor usar nos elementos da IU, como a barra de endereço.
Por exemplo, confira abaixo este site com e sem a cor do tema aplicada.
O problema é que você precisa definir a cor do tema em cada página e, se você tem um site grande ou legado, nem sempre é viável fazer muitas mudanças nele.
A partir do Chrome 46 (Beta de setembro de 2015), adicionar um atributo theme_color ao manifesto aplicará a cor automaticamente a todas as páginas acessadas pelo usuário no domínio quando o site for iniciado na tela inicial.
Se a página já tiver uma metatag de cor do tema, por exemplo, <meta name="theme-color" content="#2196F3">,
a configuração no nível da página vai ser usada em vez do valor no manifesto.
Basta adicionar o atributo theme_color ao manifesto e especificar uma cor HTML.
"theme_color": "#2196F3"
Para conferir isso em ação, acesse Airhorner: o melhor Airhorner do mundo (em inglês) e adicione-o à tela inicial. Ou veja o manifesto do site.
Perguntas frequentes
- Isso se aplica se meu site não for iniciado na tela inicial?
Sim. - Isso se aplica a todo o site, por exemplo, quando o usuário está apenas navegando?
É improvável que, no momento, isso signifique que o navegador teria que fazer o download do manifesto com muito mais frequência e, no momento, é um recurso de baixa prioridade. Isso deve ser analisado quando o usuário adicionar o site à tela inicial.