tailwindcss-dark-mode-plugin
Dark mode plugin for tailwind css
Installation
yarn add tailwindcss-dark-mode-plugin --save-dev
npm install tailwindcss-dark-mode-plugin --save-dev
pnpm install tailwindcss-dark-mode-plugin --save-dev
Usage Example
In your tailwind.config.js:
import plugin from "tailwindcss/plugin";
import { themeColors, themePlugin } from "tailwindcss-dark-mode-plugin";
export default {
theme: {
colors: themeColors,
},
plugins: [plugin(themePlugin)],
};
Feature
- Use css variable mode for dark night mode injection.For
:root and html#id.
- It depend on tailwindcss, all tailwindcss built-in colors have been rewritten.