theme-color - HTML: HyperText Markup Language | MDN

theme-color - HTML: HyperText Markup Language | MDNMDN Web DocsMDN logoMozilla logo

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>.

#ffffff

theme-color - HTML: HyperText Markup Language | MDN

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>.

MDN Web Docs

summary_large_image

<!-- HTML Meta Tags -->
<title>theme-color - HTML: HyperText Markup Language | MDNMDN Web DocsMDN logoMozilla logo</title>
<meta name="description" content="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>.">
<meta name="theme-color" content="#ffffff">

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="theme-color - HTML: HyperText Markup Language | MDN">
<meta property="og:description" content="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>.">
<meta property="og:url" content="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color">
<meta property="og:site_name" content="MDN Web Docs">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:image" content="https://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png">
<meta property="og:image:alt" content="The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.">
<meta property="og:image:width" content="1920">
<meta property="og:image:height" content="1080">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="MozDevNet">

{
  "title": "theme-color - HTML: HyperText Markup Language | MDNMDN Web DocsMDN logoMozilla logo",
  "description": "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>.",
  "keywords": null,
  "themeColor": "#ffffff",
  "author": null,
  "generator": null,
  "publisher": null,
  "creator": null,
  "og": {
    "title": "theme-color - HTML: HyperText Markup Language | MDN",
    "description": "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>.",
    "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color",
    "siteName": "MDN Web Docs",
    "locale": "en_US",
    "type": "website",
    "image": {
      "url": "https://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png",
      "width": "1920",
      "height": "1080",
      "alt": "The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background."
    },
    "video": {
      "url": null,
      "type": null,
      "width": null,
      "height": null
    },
    "audio": {
      "url": null,
      "type": null
    }
  },
  "twitter": {
    "card": "summary_large_image",
    "site": null,
    "creator": "MozDevNet",
    "title": null,
    "description": null,
    "image": {
      "url": null,
      "width": null,
      "height": null,
      "alt": null
    },
    "player": {
      "url": null,
      "width": null,
      "height": null,
      "stream": null
    },
    "app": {
      "iphone": {
        "name": null,
        "id": null,
        "url": null
      },
      "ipad": {
        "name": null,
        "id": null,
        "url": null
      },
      "googleplay": {
        "name": null,
        "id": null,
        "url": null
      }
    }
  }
}