W 2014 r. wprowadziliśmy w Chrome koncepcję motywu kolorystycznego 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, a jeśli masz dużą lub starszą witrynę, wprowadzanie wielu zmian w całej witrynie nie zawsze jest możliwe.
Od wersji 46 Chrome (wersja beta we wrześniu 2015 r.) dodanie atrybutu theme_color do pliku manifestu spowoduje automatyczne zastosowanie koloru do każdej strony w Twojej domenie, którą użytkownik otworzy z ekranu głównego.
Jeśli na stronie jest już metatag koloru motywu (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 te zasady obowiązują, jeśli moja witryna nie jest uruchamiana z ekranu głównego?
Tak. - Czy kiedykolwiek będzie dotyczyć całej witryny, np. gdy użytkownik tylko przegląda treści?
Obecnie jest to mało prawdopodobne, ponieważ oznaczałoby to, że przeglądarka musiałaby pobierać plik manifestu znacznie częściej, a obecnie jest to zasób o niskim priorytecie. Ten atrybut ma być analizowany, gdy użytkownik doda witrynę do ekranu głównego.