vue.js 自定义颜色和暗模式在Tailwind CSS中不起作用

0x6upsns  于 2023-03-24  发布在  Vue.js
关注(0)|答案(1)|浏览(220)

我使用顺风CSS为个人项目,我喜欢使用自定义颜色,我使用的技巧hover:text-[#007560],但它会更好,更容易,如果我有我的整个调色板在tailwind.config.js

在照片中有我想要实现的所需代码。
我尝试了其他帖子中所说的一切,但没有一个对我有用。
黑暗模式也有同样的问题:不起作用。
似乎未读取此文件。
我的代码看起来像这样,但是当我尝试使用bg-cherry时,什么也没有发生:“股票”的颜色仍然存在,但我看不到我的海关。
我该如何解决?
我还尝试重新运行项目和此命令npx tailwindcss -i ./src/assets/style/input.css -o ./dist/output.css --watch
(the path是我存储所有css文件的地方,以拥有一个干净的项目)

hgncfbus

hgncfbus1#

tailwind中的属性'darkMode'不接受布尔值,而是字符串。您可以参考文档:https://tailwindcss.com/docs/dark-mode一个好的链接:https://flowbite.com/docs/customize/dark-mode/

相关问题