Compatibilidad con el color del tema en Chrome 39 para Android

Pete LePage

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 ver a fin de usar la metaetiqueta theme-color para establecer el color de la barra de herramientas; esto significa que ya no Barras de herramientas grises de Seattle La sintaxis es bastante simple: agrega una etiqueta meta a tu el <head> de la página con el name="theme-color" y establece el content en cualquier un color válido de CSS.

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á bellos íconos de página de alta resolución cuando estén que se proporcionan. Chrome para Android elige el ícono de mayor resolución que proporciones. Te recomendamos que proporciones un archivo PNG de 192 × 192 px. Por ejemplo:

<link rel="icon" sizes="192x192" href="nice-highres.png">

Echa un vistazo al color del tema aquí en HTML5Rocks y en el sitio de Fundamentos de la Web, y asegúrate de para consultar la Agregar a la documentación de la pantalla principal para conocer otras formas de lograr que tu sitio se destaque.