Web/HTML/Element/meta/name/theme-color

The theme-color value for the name attribute of the <meta> element indicates a suggested color that user agents should use to customize the display of the page or of the surrounding user interface. If specified, the content attribute must contain a valid CSS <color>.

Example

<meta name="theme-color" content="#4285f4">

The following image shows the effect that the <meta> element above will have on a document displayed in Chrome running on an Android mobile device.

[[File:../../../../../../../../media.prod.mdn.mozit.cloud/attachments/2020/04/20/17199/669d0b544c247c25398cccf7ad68e8f3/theme-color.png|thumb|none|alt=Image credit: from Icons & Browser Colors, created and shared by Google and used according to terms described in the Creative Commons 4.0 Attribution License.|Image credit: from Icons & Browser Colors, created and shared by Google and used according to terms described in the Creative Commons 4.0 Attribution License.]]

Specifications

Specification
HTML Living StandardThe definition of 'theme-color' in that specification.

Browser compatibility

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
theme-color	Chrome Partial support 73 Notes' Partial support 73 Notes' Notes' Desktop Chrome only uses the color on installed progressive web apps. (Per caniuse.com.) No support 39 — 72 Notes' Notes' Desktop Chrome 39-72 claimed to have support, but did not actually use the color anywhere. Chrome for Android did use the color in the toolbar. (Per caniuse.com.)	Edge No support No	Firefox No support No	IE No support No	Opera No support No	Safari No support No	WebView Android No support No	Chrome Android Full support 80 Notes' Full support 80 Notes' Notes' Chrome for Android does not use the color on devices with native dark-mode enabled. (Per caniuse.com.)	Firefox Android No support No	Opera Android No support No	Safari iOS No support No	Samsung Internet Android Full support 6.2

Legend

Full support  

Full support

Partial support  

Partial support

No support  

No support

See implementation notes.'

See implementation notes.

theme-color by Mozilla Contributors is licensed under CC-BY-SA 2.5.