suchen
HeimWeb-FrontendCSS-TutorialDie Farbpalette wird mit dem ShadCn Theme Editor bereitgestellt

Guten Morgen allerseits und einen schönen MonDEV! ☕

Auch diese Woche sind wir bereit, mit der Tastatur in der Hand ein Meer Kaffee zu trinken und die gleiche Menge Code zu produzieren?

Und wie immer um Sie dabei zu unterstützen, gibt es hier Ihren Montagmorgenkaffee mit dem Tool der Woche!

Front End ist wieder an der Reihe, und da wir letztes Mal Spaß mit ShadCn hatten (falls Sie den Newsletter verpasst haben, über den ich spreche, können Sie ihn hier finden), fahren wir mit einem weiteren Tool fort, das Sie mit dieser wunderschönen Komponentenbibliothek verknüpfen können !

Besonders heute möchte ich Ihnen etwas über den ShadCn Theme Editor erzählen, ein wunderschönes Tool, das ebenso einfach wie leistungsstark ist (genau die Art, die ich mag).

Durch die Installation dieses Pakets im Dev-Modus können Sie eine Komponente in Ihr Projekt einbinden, um alle Variablen anzuzeigen, die das Shadcn-Theme konfigurieren. An diesem Punkt können Sie sie einzeln anpassen oder den Zufallsgenerator verwenden, um verschiedene Farbmöglichkeiten auszuprobieren.

Color Palette is served with ShadCn Theme Editor

Sobald Sie mit dem Ergebnis zufrieden sind, müssen Sie nur noch alle diese Stile mit der Schaltfläche oben kopieren und als Variablen in das ::root Ihres CSS einfügen, und schon haben Sie Ihr Theme bearbeitet die ShadCn-Komponenten.

Einfacher als das ist wirklich schwierig! ?

Artikel der Woche

  • 7 wunderschöne Schaltflächenkomponenten der nächsten Stufe mit Vue, VueUse und TailwindCSS: Apropos Komponenten: Dieser Artikel von vue school bietet 7 sehr interessante Möglichkeiten, Ihre Schaltflächen in Vue zu erstellen. Es kann auch eine gute Gelegenheit sein, einige Konzepte im Zusammenhang mit der Interaktion mit Elementen auf der Seite zu wiederholen, wenn dies nicht der Teil ist, mit dem Sie sich in Ihrer täglichen Routine befassen!
  • Stand des Frontends: Frontend-Woche? Dann lasst uns über Frontend reden! Wenn Sie neugierig auf Trends und Daten sind und Ideen dazu mit Schwerpunkt auf dem Frontend haben möchten, dann ist dieser Bericht genau das Richtige für Sie!

Sehr gut! Auch diese Woche würde ich sagen, wir sind voller Ideen und Neuigkeiten zum Ausprobieren! Also überlasse ich es Ihnen, Ihren Kaffee auszutrinken und wie immer...

Viel Spaß beim Programmieren!

Das obige ist der detaillierte Inhalt vonDie Farbpalette wird mit dem ShadCn Theme Editor bereitgestellt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
'CSS4' Update'CSS4' UpdateApr 11, 2025 pm 12:05 PM

Da ich das CSS4¹ zum ersten Mal eingemischt habe, gab es eine Menge mehr Diskussion darüber. Ich werde meine Lieblingsgedanken von anderen hier zusammenschließen. Es gibt

Die drei Arten von CodeDie drei Arten von CodeApr 11, 2025 pm 12:02 PM

Jedes Mal, wenn ich ein neues Projekt starte, organisiere ich den Code, den ich in drei Typen oder Kategorien betrachte, wenn Sie möchten. Und ich denke, diese Typen können auf angewendet werden

Https ist einfach!Https ist einfach!Apr 11, 2025 am 11:51 AM

Ich war schuldig, die Komplexität von Https öffentlich beklagt zu haben. In der Vergangenheit hat ich SSL-Zertifikate von Drittanbietern gekauft und hatte Probleme

HTML -DatenattributehandbuchHTML -DatenattributehandbuchApr 11, 2025 am 11:50 AM

Alles, was Sie schon immer über Datenattribute in HTML, CSS und JavaScript wissen wollten.

Unveränderlichkeit im JavaScript verstehenUnveränderlichkeit im JavaScript verstehenApr 11, 2025 am 11:47 AM

Wenn Sie in JavaScript noch nicht mit Unveränderlichkeit gearbeitet haben, ist es möglicherweise einfach, sie mit der Zuweisung einer Variablen für einen neuen Wert oder einer Neuzuweisung zu verwechseln.

Benutzerdefinierte Styling -Formulareingaben mit modernen CSS -FunktionenBenutzerdefinierte Styling -Formulareingaben mit modernen CSS -FunktionenApr 11, 2025 am 11:45 AM

Es ist durchaus möglich, benutzerdefinierte Kontrollkästchen, Optionsfelder und Schalter zu erstellen und gleichzeitig semantisch und zugänglich zu bleiben. Wir brauchen nicht einmal eine

FußnoteFußnoteApr 11, 2025 am 11:34 AM

Es gibt spezielle Superset -Nummer -Charaktere, die manchmal perfekt für Fußnoten sind. Hier sind sie:

So erstellen Sie einen animierten Countdown -Timer mit HTML, CSS und JavaScriptSo erstellen Sie einen animierten Countdown -Timer mit HTML, CSS und JavaScriptApr 11, 2025 am 11:29 AM

Haben Sie jemals einen Countdown -Timer für ein Projekt benötigt? Für so etwas ist es möglicherweise natürlich, nach einem Plugin zu greifen, aber es ist tatsächlich viel mehr

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

SecLists

SecLists

SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

EditPlus chinesische Crack-Version

EditPlus chinesische Crack-Version

Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

VSCode Windows 64-Bit-Download

VSCode Windows 64-Bit-Download

Ein kostenloser und leistungsstarker IDE-Editor von Microsoft