Tailwind CSS Color Vars Plugin

Tailwind CSS plugin to easily manage colors via CSS variables. Pass an object of colors defined in RGB format and the theme's colors, fill and stroke will automatically have them, as well as a CSS variable for each color added to the document root.

Usage

1yarn add --dev @doeanderson/tailwindcss-color-vars

Add the following plugin to your tailwind.config.js file:

1require('./tailwind-colors-plugin')({
2  colorName: 'R G B',
3})

If you want variants of one color, you can format it like this:

1{
2  colorName: {
3    light: 'R G B',
4    DEFAULT: 'R G B',
5  },
6}

Additionally, you can still extend or override colors via the standard theme configuration property.

License

MIT License