登录
首页 >  文章 >  前端

Shadcn UI 主题生成器,具有 OKLCH 颜色和古代神圣几何学

来源:dev.to

时间:2025-01-11 17:27:24 460浏览 收藏

学习文章要努力,但是不要急!今天的这篇文章《Shadcn UI 主题生成器,具有 OKLCH 颜色和古代神圣几何学》将会介绍到等等知识点,如果你想深入学习文章,可以关注我!我会持续更新相关文章的,希望对大家都能有所帮助!

各位开发者大家好!
制作完VSCode主题生成器后,我想将颜色生成器算法赋予其他应用,所以制作了Shadcn UI的主题生成器。现在,您可以使用 Shadcn UI 使用古老的神圣几何图案和现代数学方程与颜色理论相结合,为您的下一个项目生成颜色主题。我将改进目前模仿仪表板、一些不同类型的卡片和简单社交媒体的模拟的预览部分。

颜色是使用 oklch 颜色空间生成的,您可以复制生成的颜色变量以直接粘贴到项目的 css 主文件中。您可能知道这些变量是独立于框架的,因此,无论您使用的是原始 Shadcn UI 还是其任何变体(Svelte、Vue 等),这些颜色变量配置都适用于其中任何一个。

您可以在 Shadcn UI 主题生成器查看该项目。而且,像往常一样,您可以深入研究存储库中的代码。

我还扩展了算法的实用程序来为 W​​arp 终端生成主题。您生成并随机化,直到您对结果满意为止,然后将主题下载到您的 .warp/themes 文件夹。之后只需在终端设置中选择主题->外观即可。查看 Warp 主题生成器,代码与 VSCode 主题社区位于同一存储库中。

现在我离拥有一个主题生成器的梦想又近了一步,可以定制任何主题。 :)

我非常感谢您的阅读以及您可能提出的任何意见或建议。
下一篇见!

今天带大家了解了的相关知识,希望对你有所帮助;关于文章的技术知识我们会一点点深入介绍,欢迎大家关注golang学习网公众号,一起学习编程~

声明:本文转载于:dev.to 如有侵犯,请联系study_golang@163.com删除
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>