Chrome a lancé le concept de couleur de thème pour votre site en 2014. La couleur du thème est un indice de votre page Web qui indique au navigateur la couleur à utiliser pour teinter les éléments d'interface utilisateur tels que la barre d'adresse.
Par exemple, ci-dessous, vous trouverez ce site avec et sans la couleur du thème appliquée.
Le problème est que vous devez définir la couleur du thème sur chaque page. Si vous disposez d'un site volumineux ou ancien, il n'est pas toujours possible d'apporter de nombreuses modifications à l'échelle du site.
À partir de Chrome 46 (bêta de septembre 2015), l'ajout d'un attribut theme_color à votre fichier manifeste aura pour effet d'appliquer automatiquement la couleur à chaque page que l'utilisateur consulte sur votre domaine lorsque le site est lancé depuis l'écran d'accueil.
Si votre page contient déjà une balise Meta "theme-color" (par exemple, <meta name="theme-color" content="#2196F3">), la configuration au niveau de la page sera utilisée à la place de la valeur indiquée dans le fichier manifeste.
Il vous suffit d'ajouter l'attribut theme_color à votre fichier manifeste et de spécifier une couleur HTML.
"theme_color": "#2196F3"
Pour voir comment cela fonctionne, accédez à Airhorner : le meilleur klaxon du monde et ajoutez-le à votre écran d'accueil. Vous pouvez également consulter le fichier manifeste du site.
Questions fréquentes
- Ces règles s'appliquent-elles si mon site n'est pas lancé depuis l'écran d'accueil ?
Oui. - S'appliquera-t-il à l'ensemble de mon site, par exemple lorsque l'utilisateur est simplement en train de naviguer ?
Pour le moment, cela est peu probable. Pour ce faire, le navigateur devrait télécharger le fichier manifeste beaucoup plus fréquemment, et il s'agit actuellement d'un élément de faible priorité. Il est destiné à être analysé lorsque l'utilisateur ajoute le site à l'écran d'accueil.