@leedomjs/tailwindcss-color-preset NPM

@leedomjs/tailwindcss-color-preset

Collect some UI Frameworks' theme colors for Tailwind CSS.

Usage

Install

pnpm add -D tailwindcss @leedomjs/tailwindcss-color-preset

Config `tailwind.config.js`

!NOTE You could provide different param:
1.Object that contains some fields element, naive, vant.
If your project depends on element-ui, element-plus, naive-ui, vant-ui, the color will be enable automatically. Setting to false will disable the color, otherwise will enabled.
2.Boolean
If true, all options are enabled, otherwise disabled.
3.Empty
Auto-detected based on deps

const color = require('@leedomjs/tailwindcss-color-preset')

/** @type {import('tailwindcss').Config} */
module.exports = {
  presets: [
    /**
     * color()
     * color(true)
     * color(false)
     */
    color({
      element: true,
      naive: true,
      vant: true,
    }),
  ],
  content: [...],
  theme: {
    extend: {},
  },
  plugins: [],
  ...
}