Compatibilidad con el color del tema en Chrome 39 para Android

Captura de pantalla de un teléfono que muestra el color del tema.

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.