Obsługa kolorów motywów w Chrome 39 na Androida

Zrzut ekranu telefonu pokazujący kolor motywu.

Od wersji 39 Chrome na Androidzie z Lollipopem możesz używać znacznika meta theme-color do ustawiania koloru paska narzędzi. Dzięki temu nie będziesz już widzieć pasków narzędzi w szarym kolorze Seattle. Składnia jest bardzo prosta: dodaj do <head> strony tag meta z wartością name="theme-color" i ustaw wartość content na dowolny prawidłowy kolor CSS.

Aby na przykład ustawić tło w ulubionym kolorze lub pomarańczowym kolorze HTML5Rocks:

<meta name="theme-color" content="#db5945">

Dodatkowo Chrome będzie wyświetlać piękne ikony favicon w wysokiej rozdzielczości, jeśli zostaną one udostępnione. Chrome na Androida wybiera ikonę o najwyższej rozdzielczości, którą mu dostarczysz. Zalecamy przesłanie pliku PNG o wymiarach 192 × 192 piksele. Na przykład:

<link rel="icon" sizes="192x192" href="nice-highres.png">

Zapoznaj się z tematem koloru motywu na stronie HTML5Rocks oraz na stronie Podstawy tworzenia witryn. Aby dowiedzieć się więcej o sposobach wyróżnienia witryny, przeczytaj dokumenty dotyczące dodawania aplikacji do ekranu głównego.