PreferenceManager: colorScheme-Eigenschaft - Web-APIs | MDN

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

PreferenceManager: colorScheme-Eigenschaft

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Die colorScheme-Eigenschaft der PreferenceManager-Schnittstelle, die nur lesbar ist, gibt ein PreferenceObject zurück, das verwendet wird, um die Einstellung des Nutzers für das Farbschema der Seite zu überschreiben.

Gültige colorScheme-PreferenceObject.value-Einstellungen sind dark und light.

Wert

Ein PreferenceObject, das verwendet wird, um die Einstellung des Nutzers für das Farbschema der Seite zu überschreiben.

Beispiele

>

Grundlegende Verwendung

Dieses Beispiel demonstriert, wie das bevorzugte Farbschema des Nutzers abgefragt wird.

js
if (navigator.preferences.colorScheme.value === "dark") {
  // The user prefers a dark color scheme.
} else {
  // The user prefers a light color scheme.
}

Spezifikationen

Spezifikation
Media Queries Level 5>
# color-scheme-attribute>

Browser-Kompatibilität