Shadcn UI Theme-Generator mit OKLCH-Farben und alter heiliger Geometrie.

Hallo Entwicklerkollegen!
Nachdem ich den VSCode-Themengenerator erstellt hatte, wollte ich dem Farbgeneratoralgorithmus andere Anwendungen zur Verfügung stellen, also habe ich einen Themengenerator für die Shadcn-Benutzeroberfläche erstellt. Jetzt können Sie mit der Shadcn-Benutzeroberfläche Farbthemen für Ihr nächstes Projekt generieren, indem Sie alte heilige Geometriemuster und moderne mathematische Gleichungen gemischt mit Farbtheorie verwenden. Ich werde den Vorschaubereich verbessern, der derzeit ein Dashboard, einige verschiedene Arten von Karten und eine Nachbildung eines einfachen sozialen Mediums nachahmt.

Die Farben werden mithilfe des oklch-Farbraums generiert und Sie können die generierten Farbvariablen kopieren, um sie direkt in die CSS-Hauptdatei Ihres Projekts einzufügen. Wie Sie vielleicht wissen, sind diese Variablen Framework-unabhängig. Es spielt also keine Rolle, ob Sie die ursprüngliche Shadcn-Benutzeroberfläche oder eine ihrer Varianten (Svelte, Vue und andere) verwenden, diese Farbvariablenkonfiguration funktioniert in jeder davon.

Sie können sich das Projekt im Shadcn UI Theme Generator ansehen. Und wie üblich können Sie im Repo in den Code eintauchen.

Ich habe auch das Dienstprogramm für den Algorithmus zum Generieren von Themen für das Warp-Terminal erweitert. Sie generieren und randomisieren, bis Sie mit dem Ergebnis zufrieden sind, und laden dann das Theme in Ihren .warp/themes-Ordner herunter. Danach müssen Sie nur noch das Thema in den Terminaleinstellungen auswählen -> Aussehen. Schauen Sie sich den Warp-Themengenerator an. Der Code befindet sich im selben Repo wie die VSCode-Themen-Community.

Jetzt bin ich meinem Traum einen Schritt näher gekommen, einen Theme-Generator für alles zu haben, bei dem das Theme angepasst werden kann. :)

Ich freue mich sehr über Ihre Lektüre und alle Kommentare oder Vorschläge, die Sie haben könnten.
Wir sehen uns im nächsten!

Das obige ist der detaillierte Inhalt vonShadcn UI Theme-Generator mit OKLCH-Farben und alter heiliger Geometrie.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!