调色板由 ShadCn 主题编辑器提供

大家早上好，MonDEV 快乐！ ☕

这周我们也准备好，手握键盘，喝一杯咖啡并编写等量的代码了吗？

为了在这个过程中一如既往地为您提供支持，这是周一早上的咖啡和本周的工具！

又轮到前端了，既然我们上次和 ShadCn 玩得很开心（如果你错过了我正在谈论的时事通讯，你可以在这里找到它），让我们继续使用另一个工具来与这个漂亮的组件库相关联!

今天我想特别向您介绍 ShadCn 主题编辑器，一个美丽的工具，简单而强大（正是我喜欢的那种）。

通过在开发模式下安装此软件包，您可以在项目中包含一个组件来查看配置 shadcn 主题的所有变量。此时，您可以一一自定义它们，或使用随机发生器尝试各种颜色的可能性。

对结果感到满意后，您只需使用顶部的按钮复制所有这些样式并将它们作为变量粘贴到 css 的 ::root 中，就这样，您将编辑您的主题ShadCn 组件。

比这更容易真的很难！ ？

本周文章

• 7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS：说到组件，vue school 的这篇文章提供了 7 种非常有趣的方法来在 vue 中创建按钮。如果这不是您在日常生活中处理的部分，这也可能是回顾一些与页面上元素交互相关的概念的好机会！
• 前端状态：前端周？那我们来谈谈前端吧！如果您对趋势和数据感到好奇，并希望获得一些关于前端的想法，那么这份报告非常适合您！

很好！这周我也会说我们充满了尝试的想法和新闻！所以我让你喝完咖啡，一如既往......

编码快乐！

以上是调色板由 ShadCn 主题编辑器提供的详细内容。更多信息请关注PHP中文网其他相关文章！