Tailwind-Konfigurationsgenerator
Erstellen Sie eine tailwind.config.js-Datei mit Ihren Markenfarben, Schriftarten und benutzerdefinierten Abständen, ohne das JavaScript-Objekt von Hand zu schreiben. 100% lokale Verarbeitung — nichts wird an einen Server gesendet.
So funktioniert es
Anstatt das Tailwind-CSS-Konfigurationsobjekt manuell zu schreiben, geben Sie Ihre Markenfarben, Schriftfamilien und zusätzlichen Abstände in die obigen Formulare ein: Das Tool stellt live eine gültige tailwind.config.js-Datei mit korrekt strukturiertem theme.extend-Abschnitt zusammen, bereit, um Ihre bestehende Datei zu ersetzen.
Warum theme.extend statt direkt theme verwenden?
Wenn Sie Ihre Ergänzungen in theme.extend platzieren, bleiben alle Standardwerte von Tailwind (Standardfarben, -größen, -abstände) erhalten, während Ihre eigenen Werte hinzugefügt werden; das direkte Überschreiben von theme würde die Standardwerte vollständig ersetzen, was selten gewünscht ist.
Was bedeutet die Wahl von "class" oder "media" für den Dunkelmodus?
Mit class wird der Dunkelmodus aktiviert, indem die Klasse dark zu einem übergeordneten Element hinzugefügt wird (in der Regel <html>), was eine manuelle Umschaltung per JavaScript ermöglicht; mit media folgt Tailwind automatisch der Systemeinstellung des Nutzers, ohne manuelle Steuerungsmöglichkeit.
Die Konfigurationsdatei wird direkt in Ihrem Browser generiert, ohne Datenübertragung an einen Server.