-
一个名为“tailwindcss-dark-mode”的Tailwind CSS插件,提供了对黑暗模式的变体支持
资源介绍
尾风CSS黑暗模式
安装
npm install tailwindcss-dark-mode --save-dev
将插件添加到Tailwind配置中的plugins数组中。
plugins: [
require ( 'tailwindcss-dark-mode' ) ( )
]
用法
由该插件生成的样式,如果选择器施加到仅用于<html>元素。 您的操作方式取决于您。 作为一个选项提供了prefers-dark.js ,这是一个简单的脚本,可基于用户的系统主题启用黑暗模式。
可用的变体
黑暗模式基于...
dark
dark-hover
dark-focus
dark-acti