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

Zrzut ekranu telefonu z motywem color-color.

Począwszy od wersji 39 Chrome na Androida w wersji Lollipop, możesz teraz używać metatagu theme-color do ustawiania koloru paska narzędzi – oznacza to, że nie będzie już szarego paska narzędzi w Seattle. Składnia jest bardzo prosta: dodaj do elementu <head> na stronie tag meta za pomocą tagu name="theme-color", a w polu content ustaw dowolny prawidłowy kolor CSS.

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

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

Dodatkowo Chrome będzie wyświetlać piękne favikony w wysokiej rozdzielczości, jeśli zostaną udostępnione. Chrome na Androida wybiera ikonę w najwyższej podanej przez Ciebie rozdzielczości, zalecamy przesłanie pliku PNG o wymiarach 192 × 192 piksele. Na przykład:

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

Ten kolor motywu znajdziesz tutaj w witrynie HTML5Rocks, a także w witrynie Web Fundamentals. Zapoznaj się z artykułem o dodawaniu do ekranu głównego, aby poznać więcej sposobów na wyróżnienie swojej witryny.