W 2014 r. wprowadziliśmy w Chrome koncepcję koloru motywu witryny. Motyw kolorystyczny to podpowiedź ze strony internetowej, która informuje przeglądarkę, jakiego koloru użyć do zabarwienia elementów interfejsu, np. paska adresu.
Poniżej widać tę stronę z zastosowaniem i bez zastosowania koloru motywu.
Problem polega na tym, że kolor motywu musisz zdefiniować na każdej stronie. Jeśli masz dużą lub starszą witrynę, wprowadzanie wielu zmian w całej witrynie nie zawsze jest możliwe.
Począwszy od Chrome 46 (wersja beta z września 2015 r.) dodanie atrybutu theme_color do pliku manifestu spowoduje automatyczne zastosowanie koloru do każdej strony odwiedzanej przez użytkownika w Twojej domenie po uruchomieniu witryny z ekranu głównego.
Jeśli Twoja strona ma już metatag „theme-color”, np. <meta name="theme-color" content="#2196F3">, zamiast wartości w pliku manifestu zostanie użyta konfiguracja na poziomie strony.
Wystarczy dodać atrybut theme_color do pliku manifestu i określić kolor HTML.
"theme_color": "#2196F3"
Aby zobaczyć, jak to działa, otwórz aplikację Airhorner – the worlds best airhorn i dodaj ją do ekranu głównego. Możesz też sprawdzić plik manifestu witryny.
Najczęstsze pytania
- Czy dotyczy to sytuacji, w której moja witryna nie została uruchomiona z poziomu ekranu głównego?
Tak. - Czy kiedykolwiek będzie dotyczyć całej witryny, np. gdy użytkownik tylko przegląda treści?
Dziś mało prawdopodobne jest, że przydałoby się to, że przeglądarka musiałaby pobierać plik manifestu znacznie częściej. Obecnie jest to zasób o niskim priorytecie. Ten atrybut ma być analizowany, gdy użytkownik doda witrynę do ekranu głównego.