TailwindCSS中性-500颜色在安装daisyUI后不再工作

Question

我一直在我的反应项目使用尾风，现在想使用雏菊-ui，另外。我按照指示安装了它，并将插件添加到我的tailwind.config中。这样做之后，页面中的一些设计就会被忽略。特别是用border-neutral-500和bg-neutral-500设计的颜色--对于这些颜色，我也不再看到vscode中的小颜色指示器了。

我没有使用自定义主题，但是当查看它时，daisyUI似乎指定了它自己的neutral颜色版本。https://daisyui.com/theme-generator/ vs https://tailwindcss.com/docs/customizing-colors -这是问题的根源吗？我怎么才能避免这种情况？

Answer 1

我想这和公用事业公司真的有冲突。DaisyUI 延展主题颜色有自己的

您可以使用默认的尾风值重新分配neutral调色板，如

const colors = require('tailwindcss/colors');

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [],
    theme: {
        extend: {
            colors: {
                neutral: colors.neutral,
            }
        }
    },
    plugins: [
        require("daisyui")
    ],
}

这样，Tailwind bg-neutral-500和黛西btn-neutral (例如)都能工作。