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. Esto significa que ya no habrá barras de herramientas grises de Seattle. La sintaxis es bastante simple: agrega una etiqueta meta
al archivo <head>
de la página con name="theme-color"
y establece content
en cualquier color de CSS válido.
Por ejemplo, para establecer el fondo con tu color favorito o el color naranja HTML5Rocks, sigue estos pasos:
<meta name="theme-color" content="#db5945">
Además, Chrome mostrará atractivos íconos de página de alta resolución cuando se proporcionen. Chrome para Android elige el ícono de mayor resolución que proporcionas 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 color de tema aquí en HTML5Rocks y en el sitio Fundamentos de la Web, y asegúrate de consultar los documentos sobre la función Agregar a la pantalla principal para descubrir otras formas de destacar tu sitio.