nextjs tailwindcss 默认dark模式

在 Next.js 中使用 Tailwind CSS 默认启用 Dark 模式，可以按照以下步骤进行设置：

在项目根目录下创建一个 .env 文件。
在 .env 文件中添加以下内容：MODE=dark。
在 next.config.js 文件中添加以下代码：

module.exports = {
  env: {
    MODE: process.env.MODE,
  },
};

在 _app.js 文件中添加以下代码：

function MyApp({ Component, pageProps }) {
  return (
    <div className={process.env.MODE === 'dark' ? 'dark' : ''}>
      <Component {...pageProps} />
    </div>
  );
}

export default MyApp;

在 tailwind.config.js 文件中添加以下代码：

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

在 styles/globals.css 文件中添加以下代码：

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

.dark {
  @apply dark;
}

现在，你的 Next.js 应用程序将默认启用 Dark 模式。你可以在需要的地方使用 className="dark" 来应用 Dark 模式样式