Koncepcję koloru motywu witryny zaprezentowano w Chrome w 2014 roku. Kolor motywu to wskazówka na temat strony internetowej, która informuje przeglądarkę, jaki kolor odcienia elementów interfejsu, takich jak pasek adresu.
Na przykład poniżej widać tę witrynę z zastosowanym kolorem motywu i bez niego.
Problem polega na tym, że musisz zdefiniować kolor motywu na każdej stronie, a jeśli masz dużą witrynę lub witrynę starszego typu, wprowadzanie wielu zmian w całej witrynie nie zawsze jest możliwe.
Od wersji Chrome 46 (beta, wrzesień 2015 r.) dodanie atrybutu theme_color
do pliku manifestu powoduje automatyczne stosowanie kolorów do każdej strony odwiedzanej przez użytkownika w Twojej domenie po uruchomieniu witryny z ekranu głównego.
Jeśli strona ma już metatag „motyw-kolor”, np. <meta name="theme-color" content="#2196F3">
, zamiast wartości z 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, wejdź na stronę Airhorner – najlepszy na świecie Airhorn i dodaj ją do ekranu głównego. Możesz też otworzyć plik manifestu witryny.
Najczęstsze pytania
- Czy dotyczy to sytuacji, gdy moja witryna nie jest uruchamiana z ekranu głównego?
Tak. - Czy zmiany będą dotyczyć całej witryny, np. tylko, gdy użytkownik przegląda tylko stronę?
W tej chwili prawdopodobnie oznaczałoby to, że przeglądarka musiałaby znacznie częściej pobierać plik manifestu. Obecnie jest to zasób o niskim priorytecie. Jest ona analizowana po dodaniu witryny do ekranu głównego.