Tailwind CSS 与深色模式
2024/2/20
深色模式已经成为现代网站的标配。本文将介绍如何在 Tailwind CSS 中优雅地实现深色模式。
class 策略
Tailwind 支持多种深色模式策略,其中 class 策略最为灵活:
// tailwind.config.mjs
export default {
darkMode: 'class',
// ...
};
实际应用
通过在根元素上切换 dark 类,我们可以实现无闪烁的深色模式切换。
2024/2/20
深色模式已经成为现代网站的标配。本文将介绍如何在 Tailwind CSS 中优雅地实现深色模式。
Tailwind 支持多种深色模式策略,其中 class 策略最为灵活:
// tailwind.config.mjs
export default {
darkMode: 'class',
// ...
};
通过在根元素上切换 dark 类,我们可以实现无闪烁的深色模式切换。