HTML und CSS · Middle · Frage 43 von 75
Wie ergänzt man in Tailwind v4 eine eigene Farbe brand, damit bg-brand, text-brand usw. funktionieren?
- 1Eine Klasse
.bg-brandin einer eigenen CSS-Datei anlegen - 2
--color-brandin@themeim CSS deklarieren - 3Die Farbe über ein Attribut
data-brandan<html>übergeben
Antwort zeigen
Richtige Antwort: --color-brand in @theme im CSS deklarieren
Erklärung
In v4 wanderte die Konfiguration ins CSS: Variablen in @theme { --color-brand: oklch(...); } erzeugen sowohl die Utilities (bg-brand, border-brand) als auch eine normale CSS-Variable var(--color-brand). Die alte tailwind.config.js wird über @config unterstützt, ist standardmäßig aber nicht nötig.