Como alterar a cor da barra de cabeçalho no Chrome para Android

Acabei outro dia na página da BBC. Eu estava navegando no Chrome para Android e notei algo estranho.

A cor do endereço e da barra de cabeçalho era vermelha!

Cenário

“Nossa! Que legal”, pensei. Segundos depois, comecei a me perguntar como eles faziam isso.

Acontece que é uma coisa muito simples.

Tudo o que você precisa fazer é adicionar esta metatag:

<meta name="theme-color" content="#FF0000">

Substitua o valor do atributo content pela sua cor e voila!

Você pode verificar uma demonstração simples aqui: http://evilcat1337.github.io/custom-chrome-header-colour/

Repo do Github: https://github.com/evilcat1337/custom-chrome-header-colour/tree/master