Ondersteuning voor themakleur in Chrome 39 voor Android

Screenshot van de telefoon met de themakleur.

Vanaf versie 39 van Chrome voor Android op Lollipop kun je nu de theme-color metatag gebruiken om de kleur van de werkbalk in te stellen. Dit betekent dat er geen grijze Seattle-werkbalken meer zijn! De syntaxis is vrij eenvoudig: voeg een meta toe aan de <head> van uw pagina met de name="theme-color" en stel de content in op elke geldige CSS-kleur.

Om de achtergrond bijvoorbeeld in te stellen op uw favoriete kleur of HTML5Rocks oranje:

<meta name="theme-color" content="#db5945">

Bovendien toont Chrome prachtige favicons in hoge resolutie wanneer deze worden aangeboden. Chrome voor Android kiest het pictogram met de hoogste resolutie dat u opgeeft, en we raden u aan een PNG-bestand van 192 x 192 pixels aan te leveren. Bijvoorbeeld:

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

Bekijk de themakleur hier op HTML5Rocks en op de Web Fundamentals- site, en bekijk zeker de documentatie over Toevoegen aan startscherm voor meer manieren om uw site te laten opvallen.