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

Zrzut ekranu telefonu z widocznym kolorem motywu.

Począwszy od wersji 39 Chrome na Androida (Lollipop) nie można już ustawiać koloru paska narzędzi za pomocą metatagu theme-color. Oznacza to, że nie można już korzystać z szarych pasków narzędzi w Seattle. Składnia jest bardzo prosta: dodaj tag meta do elementu <head> strony za pomocą tagu name="theme-color" i ustaw dla parametru content dowolny prawidłowy kolor CSS.

Aby na przykład ustawić ulubiony kolor tła lub kolor HTML5Rocks pomarańczowy:

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

Dodatkowo Chrome wyświetla piękne favikony o wysokiej rozdzielczości, jeśli je udostępnisz. Chrome na Androida wybierze ikonę w najwyższej rozdzielczości, którą podasz. Zalecamy przesłanie pliku PNG o wymiarach 192 × 192 piksele. Na przykład:

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

Sprawdź kolor motywu na stronie HTML5Rocks i w witrynie Podstawy tworzenia witryn, a także zapoznaj się z artykułem Dodawanie do dokumentów na ekranie głównym, w którym znajdziesz więcej sposobów na wyróżnienie swojej witryny.