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

Question

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

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

Answer 1

可以通过将这些行添加到tailwind.config.js中的导出对象来删除所有主题。

daisyui: {
   themes: false,
}

如下所示：

tailwind.config.js

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

这样，您将只剩下轻量级主题。

也可以使用此配置只包括所需的主题。

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

有关详细信息，请参阅文档。

希望能帮上忙！