Web features explorer

<meta name="theme-color">

Limited availability

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.

Browser support (view on caniuse.com)

  • Chrome Not supported Bugs:
  • Chrome Android 92 Released on 2021-07-20
  • Edge Not supported
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari 15 Released on 2021-09-20
  • Safari on iOS 15 Released on 2021-09-20
👍
9

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

Specifications

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