Skip to content

CiroLee/tailwindcss-universal-colors

Repository files navigation

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