HTML und CSS · Senior · Frage 43 von 75
Wie lässt man den Dark Mode von Tailwind v4 einer Klasse .dark statt der Systemeinstellung folgen?
- 1
darkMode: 'class'in@themesetzen - 2Eine Klasse
dark-modean<body>setzen - Tailwind erkennt sie automatisch - 3Die Variante überschreiben:
@custom-variant dark (&:where(.dark, .dark *));
Antwort zeigen
Richtige Antwort: Die Variante überschreiben: @custom-variant dark (&:where(.dark, .dark *));
Erklärung
In v4 legt man Varianten im CSS mit @custom-variant fest. So lässt sich dark: an eine Klasse oder ein Attribut ([data-theme=dark]) binden. darkMode: 'class' ist eine Option der tailwind.config.js in v3 und funktioniert in @theme nicht. :where() verhindert, dass die Spezifität steigt.