![Zrzut ekranu telefonu z motywem color-color.](https://developer.chrome.com/static/blog/support-for-theme-color-in-chrome-39-for-android/image/screenshot-phone-showing-cd48500fd0af.png?authuser=7&hl=pl)
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.