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