ホームページ > ウェブフロントエンド > jsチュートリアル > OKLCH カラーと古代の神聖幾何学模様を備えた Shadcn UI テーマ ジェネレーター。

OKLCH カラーと古代の神聖幾何学模様を備えた Shadcn UI テーマ ジェネレーター。

Susan Sarandon
リリース: 2025-01-01 00:27:11
オリジナル
738 人が閲覧しました

Shadcn UI Theme generator, with OKLCH colors and ancient sacred geometry.

開発者の皆さん、こんにちは!
VSCode テーマ ジェネレーターを作成した後、カラー ジェネレーター アルゴリズムを他のアプリケーションに提供したかったため、Shadcn UI 用のテーマ ジェネレーターを作成しました。 Shadcn UI を使用して、古代の神聖幾何学パターンと現代の数学方程式を色彩理論と組み合わせて、次のプロジェクトのカラー テーマを生成できるようになりました。現在、ダッシュボード、いくつかの異なる種類のカード、および単純なソーシャル メディアを模倣しているプレビュー セクションを改善します。

色は oklch カラー スペースを使用して生成され、生成されたカラー変数をコピーしてプロジェクトの CSS メイン ファイルに直接貼り付けることができます。ご存知のとおり、これらの変数はフレームワークに依存しないため、オリジナルの Shadcn UI を使用しているか、そのバリアント (Svelte、Vue など) を使用しているかは関係なく、これらのカラー変数の設定はいずれの環境でも機能します。

Shadcn UI テーマ ジェネレーターでプロジェクトをチェックアウトできます。そして、いつものように、リポジトリ内のコードを詳しく見ることができます。

ワープターミナル用のテーマを生成するアルゴリズムのユーティリティも拡張しました。満足のいく結果が得られるまで生成およびランダム化を行った後、テーマを .warp/themes フォルダーにダウンロードします。その後は、端末の設定でテーマを選択するだけです ->外観。 Warp テーマ ジェネレーターをチェックしてください。コードは VSCode テーマ コミュニティと同じリポジトリにあります。

これで、テーマをカスタマイズできるあらゆるものにテーマ ジェネレーターを提供するという夢にまた一歩近づきました。 :)

お読みいただき、コメントやご提案をいただきまして誠にありがとうございます。
次回でお会いしましょう!

以上がOKLCH カラーと古代の神聖幾何学模様を備えた Shadcn UI テーマ ジェネレーター。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート