Поддержка цвета темы в Chrome 39 для Android

Снимок экрана телефона, показывающий цвет темы.

Начиная с версии 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 , и обязательно ознакомьтесь с документацией по добавлению на главный экран, чтобы узнать больше о способах выделить свой сайт.