tailwindcss-colors-variables v0.0.2

Installation

Install the package tailwindcss-colors-variables Then go to your tailwind configuration file and add the plugin

export default {
  // ...
  plugins: [require("tailwindcss-colors-variables")],
};

Usage

Now you can use your colors as css variables

:root {
  --background-color: var(--color-green-300);
}

Reference

https://gist.github.com/Merott/d2a19b32db07565e94f10d13d11a8574