tailwindcss-open-color
Replace Tailwind CSS's default color palette with Open color.
Installation
To install the package, run
npm install tailwindcss-open-color
To activate the color palette, modify your Tailwind CSS config file:
moduleexports = theme: colors:
To learn more about how to customize colors for your Tailwind CSS project, see https://tailwindcss.com/docs/customizing-colors/.
Basic usage
tailwindcss-open-color
uses Open color's naming convention {color}-{number}
. Here are examples of how you can use the color palette with Tailwind CSS's utilities:
Hello, world Button ...
Black #000
and white #fff
can be accessed the same way when using the default color palette with postfixes -black
and -white
:
...
To browse all available colors, see https://yeun.github.io/open-color/.