Tailwindcss4明暗主题切换不生效问题

直接说问题及解决办法：

`Tailwindcss4`升级后，修改了一些设定，在tailwind3版本是，可能只需要设置 `darkMode: 'class',` 就自动生效了，但在Tailwind4之后，需要额外配置一个参数，在你的 `css` 中引入如下配置：

```css
@import 'tailwindcss';
/* 重点 */
@custom-variant dark (&:where(.dark, .dark *));
```

经过这个配置后，你就可以想 `tailwindcss3` 中那这样使用 `dark:` 来控制 ui 主题颜色了！

<!-- more -->