HTML und CSS · Junior · Frage 50 von 75
Wie funktioniert die Variante dark: standardmäßig in Tailwind v4?
- 1Automatisch am Abend, nach der lokalen Uhr des Nutzers
- 2Nach der Systemeinstellung - über die Media Query
prefers-color-scheme - 3Nur wenn
<html>eine von einem Skript gesetzte Klassedarkhat
Antwort zeigen
Richtige Antwort: Nach der Systemeinstellung - über die Media Query prefers-color-scheme
Erklärung
Standardmäßig stützt sich dark: auf prefers-color-scheme. Für einen manuellen Theme-Schalter überschreibt man die Variante mit @custom-variant dark (&:where(.dark, .dark *)); - dann hängt das Theme von einer Klasse dark an einem Vorfahren ab. Die Tageszeit berücksichtigt Tailwind nicht.