文章/答案/技术大牛

发布

社区首页 >问答首页 >当我在我的DaisyUI项目中添加SvelteJS+Tailwindcss时，背景变成黑色

问当我在我的DaisyUI项目中添加SvelteJS+Tailwindcss时，背景变成黑色
EN

Stack Overflow用户

提问于 2022-02-06 06:04:49

回答 2查看 722关注 0票数 1

我用我的SvelteJS和Tailwindcss项目配置了DaisyUI。但是每次我将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中改变这些颜色的正确方法？

svelte

sveltekit

daisyui

tailwind-css

回答 2

Stack Overflow用户

发布于 2022-04-24 21:38:21

基于https://github.com/saadeghi/daisyui/issues/338

尝试在您的base:false配置中切换到daisyUI。

https://daisyui.com/docs/config/

票数 2

Stack Overflow用户

发布于 2022-11-18 08:37:38

我也有同样的问题。我通过自定义暗主题来解决这个问题，如果您在黑暗模式下使用浏览器，这是默认主题。底色-100的颜色似乎是负责背景色。我把它改成了我想要的背景颜色，它起作用了。

daisyui: { styled: true, themes: [ { dark: { ...require("daisyui/src/colors/themes")["[data-theme=dark]"], "base-100": "#15122D", // your desired bg-color }, }, ], };

或者，正如这里的另一个答案所建议的那样:false是一个更好的解决方案。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71004604

复制

相似问题

问当我在我的DaisyUI项目中添加SvelteJS+Tailwindcss时，背景变成黑色
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当我在我的DaisyUI项目中添加SvelteJS+Tailwindcss时，背景变成黑色EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当我在我的DaisyUI项目中添加SvelteJS+Tailwindcss时，背景变成黑色
EN