theme-color
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Значение theme-color атрибута name элемента <meta> указывает на рекомендуемый цвет, который пользовательские агенты должны использовать для настройки отображения страницы или окружающего пользовательского интерфейса. Атрибут content, если указан, должен содержать допустимое значение CSS <color>.
Примеры
<meta name="theme-color" content="#4285f4" />
Следующее изображение показывает эффект применения элемента <meta> из примера выше на страницу, отображаемую в Chrome на мобильном устройстве Android.
Источник изображения: Icons & Browser Colors, создано и предоставлено Google, используется в соответствии с условиями, описанными в лицензии Creative Commons 4.0 Attribution License.
Можно указать тип медиа или медиа-запрос в атрибуте media, тогда цвет будет установлен только в том случае, если условие выполнено. Например:
<meta name="theme-color" media="(prefers-color-scheme: light)" content="cyan" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" />
Спецификации
| Specification |
|---|
| HTML # meta-theme-color |
Совместимость с браузерами
Loading…
Смотрите также
- Свойство CSS
color-scheme - Медиа-запрос
prefers-color-scheme