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: Farbeinstellung-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 Eigenschaft colorScheme der PreferenceManager-Schnittstelle gibt ein PreferenceObject zurück, das verwendet wird, um die Benutzerpräferenz für das Farbschema der Seite zu überschreiben.

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

Wert

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

Beispiele

Grundlegende Verwendung

Dieses Beispiel zeigt, wie das bevorzugte Farbschema des Benutzers 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

Specification
Media Queries Level 5
# color-scheme-attribute

Browser-Kompatibilität