![Снимок экрана телефона, показывающий цвет темы.](https://developer.chrome.google.cn/static/blog/support-for-theme-color-in-chrome-39-for-android/image/screenshot-phone-showing-cd48500fd0af.png?authuser=5&hl=ru)
Начиная с версии 39 Chrome для Android на Lollipop, вы сможете использовать метатег theme-color
для установки цвета панели инструментов — это означает, что серых панелей инструментов Сиэтла больше не будет! Синтаксис довольно прост: добавьте meta
в <head>
вашей страницы с name="theme-color"
и установите для content
любой допустимый цвет CSS.
Например, чтобы установить фон вашего любимого цвета или оранжевого цвета HTML5Rocks:
<meta name="theme-color" content="#db5945">
Кроме того, Chrome будет отображать красивые значки высокого разрешения, когда они будут предоставлены. Chrome для Android выбирает предоставленный вами значок с самым высоким разрешением, и мы рекомендуем предоставить PNG-файл размером 192×192 пикселей. Например:
<link rel="icon" sizes="192x192" href="nice-highres.png">
Проверьте цвет темы здесь, на HTML5Rocks, а также на сайте Web Fundamentals , и обязательно ознакомьтесь с документацией по добавлению на главный экран, чтобы узнать больше о способах выделить свой сайт.