<meta name="theme-color">

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Der theme-color-Wert für das name-Attribut des <meta>-Elements gibt eine vorgeschlagene Farbe an, die Benutzeragenten verwenden sollten, um die Darstellung der Seite oder der umgebenden Benutzeroberfläche anzupassen. Wenn angegeben, muss das content-Attribut einen gültigen CSS <color> enthalten.

Beispiel

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

Das folgende Bild zeigt die Auswirkung, die das oben stehende <meta>-Element auf ein Dokument hat, das in Chrome auf einem Android-Mobilgerät angezeigt wird.

Bild, das die Wirkung der Verwendung von theme-color zeigt

Bildnachweis: von Icons & Browser Colors, erstellt und geteilt von Google und verwendet gemäß den im Creative Commons 4.0 Attribution License beschriebenen Bedingungen.

Sie können einen Medientyp oder eine Medienabfrage innerhalb des media-Attributs angeben; die Farbe wird dann nur gesetzt, wenn die Medienbedingung erfüllt ist. Zum Beispiel:

html
<meta name="theme-color" media="(prefers-color-scheme: light)" content="cyan" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" />

Spezifikationen

Specification
HTML
# meta-theme-color

Browser-Kompatibilität

Siehe auch