<meta name="theme-color">
The name="theme-color" attribute for the <meta> HTML element suggests a color that the browser can use to customize the display of the page or the browser user interface.
Status
Limited availability
MDN documentation
Specifications
- HTML (#meta-theme-color), from HTML Workstream (WHATWG).
Browser support (view on caniuse.com)
- Chrome ❌ See bugs.chromium.org/p/chromium/issues/detail?id=1200528 code.google.com/p/chromium/issues/detail?id=383941
- Chrome Android 92 Released on 2021-07-20
- Edge ❌
- Firefox ❌
- Firefox for Android ❌
- Safari 15 Released on 2021-09-20
- Safari on iOS 15 Released on 2021-09-20
Developer votes
Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.
Developer use cases
-
Right now it is hard to keep that color in sync with CSS. why isn't `theme-color` part of the CSS spec, same as `color-scheme`? ```css :root { --bg-color: #FFF8B2; theme-color: var(--bg-color); /** initial | unset | auto | <color> **/ } body { background-color: var(--bg-color); } ```
Right now it is hard to keep that color in sync with CSS. why isn't `theme-color` part of the CSS spec, same as `color-scheme`? ```css :root { --bg-color: #FFF8B2; theme-color: var(--bg-color); /** initial | unset | auto | <color> **/ } body { background-color: var(--bg-color); } ``` [see original comment]
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist