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 schreibgeschützte colorScheme-Eigenschaft des PreferenceManager-Interfaces gibt ein PreferenceObject zurück, das verwendet wird, um die Benutzerpräferenz für das Farbschema der Website zu überschreiben.

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

Wert

Ein PreferenceObject, das verwendet wird, um die Benutzerpräferenz für das Farbschema der Website zu überschreiben.

Beispiele

Grundlegende Verwendung

Dieses Beispiel zeigt, wie Sie das bevorzugte Farbschema des Benutzers abfragen können.

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

Spezifikationen

Specification
Media Queries Level 5
# color-scheme-attribute

Browser-Kompatibilität