tailwindcss-colors-css-variables

The default color palette
from Tailwind CSS
as CSS custom properties (CSS variables).

css/tailwindcss-colors.css:

``css
:root {
--tw-color-transparent: transparent;
--tw-color-black: #000;
--tw-color-white: #fff;
--tw-color-gray-100: #f7fafc;
--tw-color-gray-200: #edf2f7;
/ ... /
--tw-color-pink-800: #97266d;
--tw-color-pink-900: #702459;
}
`

Installation

Node

`bash
npm install tailwindcss-colors-css-variables
`

Browser

`html
rel="stylesheet"
href="https://unpkg.com/tailwindcss-colors-css-variables"
/>
`

CLI usage

`bash
$ ./src/cli.js --help
Usage: cli [options]

Options:
-o, --outFile output file (default: "css/tailwindcss-colors.css")
-p, --prefix variable name prefix (default: "tw-color-")
-h, --help output usage information
``

Full palette

!Color palette