React App在安装daisyUI后显示黑暗主题

Question

我已经安装了顺风css，然后安装了daisyUI。在运行我的react应用程序后，它显示黑暗主题。我想把它去掉。这里是tailwind.config.js

文件。

module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {},
},
plugins: [require("daisyui")],
};```

Answer 1

您可以通过在tailwind.config.js中的exports对象中添加这些行来删除所有主题

daisyui: {
themes: false,
}

:

tailwind.config.js

module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {},
},
daisyui: {
themes: false,
}
plugins: [require("daisyui")],
};

这样你就剩下light theme。

或者您可以使用此配置只包含所需的主题。

module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {},
},
daisyui: {
themes: ["cupcake", "cmyk"],
}
plugins: [require("daisyui")],
};

详细信息请参考文档

我希望它有帮助!