@palettebro/tailwind v2.0.1

@palettebro/tailwind

A Tailwind 4 plugin for adding @palettebro/generator colors to Tailwind color utilities.

Installation

npm install @palettebro/tailwind
# or
yarn add @palettebro/tailwind

Usage

See Demo

Example

Add the plugin to your css:

@plugin '@palettebro/tailwind' {
  reverseLightDarkShades: true;
  primary: #412f9c;
}

Use classes as:

<MyComponent className="bg-surface-container text-on-surface">

Or CSS variables as:

<MyComponent className="bg-(--color-surface-container) text-(--color--on-surface)">

License

MIT