Chrome introduceerde in 2014 het concept van een thema-kleur voor uw site. De thema-kleur is een hint van uw webpagina die de browser vertelt welke kleur UI-elementen, zoals de adresbalk, moeten krijgen.
Hieronder ziet u bijvoorbeeld de site met en zonder toegepaste thema-kleur.
Het probleem is dat u de thema-kleur op elke afzonderlijke pagina moet definiëren en als u een grote site of een oudere site hebt, is het niet altijd haalbaar om veel sitebrede wijzigingen door te voeren.
Vanaf Chrome 46 (bètaversie september 2015) zorgt het toevoegen van een theme_color -kenmerk aan uw manifest ervoor dat de kleur automatisch wordt toegepast op elke pagina die de gebruiker bezoekt op uw domein wanneer de site wordt gestart vanaf het startscherm.
Als uw pagina al een metatag voor themakleur heeft, bijvoorbeeld <meta name="theme-color" content="#2196F3"> , wordt de configuratie op paginaniveau gebruikt in plaats van de waarde in het manifest.
Voeg eenvoudig het kenmerk theme_color toe aan uw manifest en geef een HTML-kleur op.
"theme_color": "#2196F3"
Om dit in actie te zien, bezoek Airhorner — 's werelds beste luchthoorn — en voeg hem toe aan je startscherm. Of bekijk het manifest op de site .
Veelgestelde vragen
- Is dit van toepassing als mijn site niet vanaf het startscherm wordt gestart?
Ja. - Zal het ooit op mijn hele site worden toegepast, bijvoorbeeld wanneer de gebruiker alleen maar aan het browsen is?
Dat is momenteel onwaarschijnlijk, maar dat zou betekenen dat de browser het manifest veel vaker zou moeten downloaden en momenteel heeft het een lage prioriteit. Het is de bedoeling dat dit wordt verwerkt wanneer de gebruiker de site aan het startscherm toevoegt.