如何在 Tailwind CSS 中禁用暗模式

Question

我正在使用 laravel livewire table 包 ([laravel livewire table][1]

[1]： https: //github.com/rappasoft/laravel-livewire-tables）在我的 laravel 应用程序（v8）上。

我还在 v3 上使用 tailwind CSS。

默认情况下，此包为表格上的暗模式添加一些顺风类。但我不想使用深色模式。无论浏览器配置如何，我希望我的网站保持轻便。

我读到我必须在 tailwind.config.js 上设置它，所以我尝试了一些类似的操作：

module.exports = {

    plugins: [require('@tailwindcss/forms')],
    darkMode: false,
};

module.exports = {

    plugins: [require('@tailwindcss/forms')],
    darkMode: 'class',
};

module.exports = {

    plugins: [require('@tailwindcss/forms')],
    darkMode: 'media',
};

没有人致力于禁用黑暗模式......

你知道该怎么做吗？

Answer 1

变化

darkMode: false,

到

darkMode: 'false',

它对我有用

Answer 2

https://github.com/rappasoft/laravel-livewire-tables包dark本身使用模式，因此它被配置为以这种方式工作。

您可以做的就是始终light通过执行以下操作来强制模式：

module.exports = {
  darkMode: 'class',
  // ...
}

然后在页面标题中，您可以使用这个小脚本来覆盖所有内容并仅使用light模式。

localStorage.theme = 'light'