A partir de la versión 39 de Chrome para Android en Lollipop, podrás usar la metaetiqueta theme-color
para establecer el color de la barra de herramientas, lo que significa que ya no verás barras de herramientas de color gris Seattle. La sintaxis es bastante simple: agrega una etiqueta meta
al <head>
de tu página con name="theme-color"
y establece content
en cualquier color CSS válido.
Por ejemplo, para establecer el fondo en tu color favorito o en naranja HTML5Rocks, haz lo siguiente:
<meta name="theme-color" content="#db5945">
Además, Chrome mostrará hermosos íconos de favoritos de alta resolución cuando se proporcionen. Chrome para Android elige el ícono de mayor resolución que proporciones y te recomendamos que proporciones un archivo PNG de 192 × 192 px. Por ejemplo:
<link rel="icon" sizes="192x192" href="nice-highres.png">
Consulta el tema de color aquí en HTML5Rocks y en el sitio Fundamentos de la Web, y asegúrate de revisar los documentos de Agregar a la pantalla principal para obtener más formas de hacer que tu sitio se destaque.