Chrome представил концепцию цвета темы для вашего сайта в 2014 году. Цвет темы — это подсказка с вашей веб-страницы, которая сообщает браузеру, в какой цвет оттенить элементы пользовательского интерфейса, такие как адресная строка .
Например, ниже представлен этот сайт с примененным цветом темы и без него.
Проблема в том, что вам нужно определить цвет темы на каждой отдельной странице, и если у вас большой сайт или устаревший сайт, то внесение большого количества изменений на уровне сайта не всегда возможно.
Начиная с Chrome 46 (бета-версия, сентябрь 2015 г.), добавление атрибута theme_color в манифест приведет к автоматическому применению цвета к каждой странице, которую пользователь посещает в вашем домене, когда сайт запускается с главного экрана.
Если на вашей странице уже есть метатег цвета темы — например <meta name="theme-color" content="#2196F3"> — тогда вместо значения в манифесте будет использоваться конфигурация уровня страницы.
Просто добавьте атрибут theme_color в свой манифест и укажите цвет HTML.
"theme_color": "#2196F3"
Чтобы увидеть это в действии, посетите Airhorner — лучший в мире звуковой сигнал и добавьте его на главный экран. Или посмотрите манифест сайта .
Часто задаваемые вопросы
- Применимо ли это, если мой сайт не запускается с главного экрана?
Да. - Будет ли это когда-нибудь применяться ко всему моему сайту, скажем, когда пользователь просто просматривает его?
На данный момент маловероятно, что это будет означать, что браузеру придется загружать манифест намного чаще, а в настоящее время это актив с низким приоритетом. Он предназначен для анализа, когда пользователь добавляет сайт на главный экран.