首頁 > web前端 > js教程 > Shadcn UI 主題產生器,具有 OKLCH 顏色和古代神聖幾何學。

Shadcn UI 主題產生器,具有 OKLCH 顏色和古代神聖幾何學。

Susan Sarandon
發布: 2025-01-01 00:27:11
原創
728 人瀏覽過

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 終端產生主題。您產生並隨機化,直到您對結果滿意為止,然後將主題下載到您的 .warp/themes 資料夾。之後只需在終端設定中選擇主題 ->外觀。查看 Warp 主題產生器,程式碼與 VSCode 主題社群位於同一儲存庫中。

現在我離擁有主題產生器的夢想又更近了一步,可以自訂任何主題。 :)

我非常感謝您的閱讀以及您可能提出的任何意見或建議。
下一篇見!

以上是Shadcn UI 主題產生器,具有 OKLCH 顏色和古代神聖幾何學。的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板