カラー パレットは ShadCn テーマ エディターで提供されます

皆さんおはようございます、MonDEV おめでとうございます! ☕

今週もキーボードを手に、コーヒーを飲みながら同じ量のコードを生成する準備ができました?

そしていつものように、その過程であなたをサポートするために、今週のツールを使った月曜日の朝のコーヒーをご紹介します!

再びフロントエンドの番です。前回は ShadCn で楽しく過ごしたので (私が話しているニュースレターを見逃した場合は、ここで見つけることができます)、この美しいコンポーネントのライブラリに関連付ける別のツールを続けてみましょう。 !

特に今日は、ShadCn テーマ エディターについてお話したいと思います。これは、シンプルでありながら強力な美しいツールです (まさに私が好きな種類です)。

このパッケージを開発モードでインストールすると、プロジェクトにコンポーネントを含めて、shadcn テーマを構成するすべての変数を表示できます。その時点で、それらを 1 つずつカスタマイズすることも、ランダマイザーを使用してさまざまな色の可能性を試すこともできます。

結果に満足したら、上部のボタンを使用してこれらのスタイルをすべてコピーし、CSS の ::root に変数として貼り付けるだけです。これで、テーマの編集が完了します。 ShadCn コンポーネント。

これより簡単なのは本当に難しいです！ ?

今週の記事

• Vue、VueUse、TailwindCSS を使用した 7 つの美しい次レベルのボタン コンポーネント: コンポーネントについて言えば、vue school によるこの記事では、vue でボタンを作成する 7 つの非常に興味深い方法を提供しています。また、日常的に扱う部分ではない場合は、ページ上の要素の操作に関連するいくつかの概念を見直す良い機会にもなります。
• フロントエンドの状況: フロントエンド週間?それではフロントエンドについて話しましょう！トレンドやデータに興味があり、フロントエンドに焦点を当ててアイデアを知りたい場合は、このレポートが最適です!

わかりました!今週も、試してみたいアイデアやニュースが満載だと思います！それでは、コーヒーを飲み終えるのはあなたにお任せします。そしていつものように...

コーディングを楽しんでください!

以上がカラー パレットは ShadCn テーマ エディターで提供されますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。