我用DaisyUI配置了我的SvelteJS和Tailwindcss项目。但每次我将DaisyUI添加到项目中时，背景颜色都会变为黑色。也许这是一个默认的颜色，这不是问题。但是我该怎么改呢
经过大量搜索，我发现如果添加data-theme="corporate"默认HTML标记，它就不见了。但我认为更改默认的HTML文件不是一个好主意。
<!DOCTYPE html>
<html lang="en" data-theme="corporate">
<head>
<meta charset="utf-8" />
<meta name="description" content="" />
<link rel="icon" href="%svelte.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%svelte.head%
</head>
<body>
<div>%svelte.body%</div>
</body>
</html>
请告诉我在DaisyUI中更改这些颜色的正确方法？
基于https://github.com/saadeghi/daisyui/issues/338
尝试在daisyUI配置中更改为base:false。
https://daisyui.com/docs/config/
我也遇到了同样的问题。我通过自定义深色主题解决了这个问题，如果你在深色模式下使用浏览器，这是默认主题。base-100颜色似乎是背景颜色的原因。我把它改成我想要的背景颜色，效果很好。
daisyui: { styled: true, themes: [ { dark: { ...require("daisyui/src/colors/themes")["[data-theme=dark]"], "base-100": "#15122D", // your desired bg-color }, }, ], };
或者，正如这里的另一个答案所建议的那样，设置基数：false是一个更好的解决方案。
我在黑暗模式下使用chrome时遇到了同样的问题。
这就是对我有效的：
#tailwind.config.js
daisyui: {
darkTheme: "light",
},