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, ahora podrás usar la metaetiqueta theme-color para establecer el color de la barra de herramientas. Esto significa que ya no aparecerán barras de herramientas grises de 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 de CSS válido.

Por ejemplo, para establecer el fondo de tu color favorito o el naranja HTML5Rocks:

<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 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 color del tema aquí en HTML5Rocks y en el sitio Fundamentos de la Web, y asegúrate de consultar los documentos sobre Agregar a la pantalla principal para conocer más formas de hacer que tu sitio se destaque.