CiroLee / tailwindcss-universal-colors

universal color palette for tailwidncss

Home Page:https://www.npmjs.com/package/tailwindcss-universal-colors

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

logo

tailwindcss-universal-colors

universal color palette for tailwindcss

image

preview

install

# npm
npm install tailwindcss-universal-colors -D
# yarn
yarn add tailwindcss-universal-colors -D
# pnpm
pnpm add tailwindcss-universal-colors -D

usage

use as extended colors

// tailwind.config.mjs
import universalColors from 'tailwindcss-universal-colors';

export default {
  theme: {
    extend: {
      colors: {
        ...universalColors,
      },
    },
  },
  // ...
};

getColors helps get color value

import { getColors } from 'tailwindcss-universal-colors';

getColors('gray.0'); // #F8FAFB

inspired

colar

About

universal color palette for tailwidncss

https://www.npmjs.com/package/tailwindcss-universal-colors

License:MIT License


Languages

Language:TypeScript 56.1%Language:JavaScript 40.8%Language:HTML 2.7%Language:CSS 0.4%