Chrome ha introdotto il concetto di colore tema per il tuo sito nel 2014. Il colore del tema è un suggerimento fornito dalla tua pagina web che indica al browser il colore da applicare agli elementi dell'interfaccia utente come la barra degli indirizzi.
Ad esempio, di seguito è riportato questo sito con e senza il colore del tema applicato.
Il problema è che devi definire il colore del tema su ogni singola pagina e se hai un sito di grandi dimensioni o un sito precedente, apportare molte modifiche a livello di sito non è sempre fattibile.
A partire da Chrome 46 (beta di settembre 2015), l'aggiunta di un attributo theme_color al file manifest avrà l'effetto di applicare automaticamente il colore a ogni pagina visitata dall'utente nel tuo dominio quando il sito viene avviato dalla schermata Home.
Se la pagina ha già un metatag theme-color, ad esempio <meta name="theme-color" content="#2196F3">, verrà utilizzata la configurazione a livello di pagina anziché il valore nel file manifest.
Basta aggiungere l'attributo theme_color al manifest e specificare un colore HTML.
"theme_color": "#2196F3"
Per vedere come funziona, visita il sito Airhorner - the world's best airhorn e aggiungilo alla schermata Home. In alternativa, controlla il manifest del sito.
Domande frequenti
- Queste norme si applicano se il mio sito non viene avviato dalla schermata Home?
Sì. - Verrà mai applicata all'intero mio sito, ad esempio quando l'utente sta solo navigando?
Al momento è improbabile, perché il browser dovrebbe scaricare il manifest molto più di frequente e al momento è un asset di bassa priorità. Questo parametro deve essere analizzato quando l'utente aggiunge il sito alla schermata Home.