Easily generate color shades for themes
Install package:
# npm
npm install theme-colors
# yarn
yarn add theme-colors
# pnpm
pnpm install theme-colors
# bun
bun install theme-colorsImport:
// ESM
import { getColors } from "theme-colors";
// CommonJS
const { getColors } = require("theme-colors");
const theme = getColors("#ABABAB");
// Or using RGB
const theme = getColors("172,172,172");This will generate the following shades:
{
50: '#FBFBFB',
100: '#F7F7F7',
200: '#EAEAEA',
300: '#DDDDDD',
400: '#C4C4C4',
500: '#ABABAB',
600: '#9A9A9A',
700: '#676767',
800: '#4D4D4D',
900: '#333333',
950: '#222222',
}- Clone this repository
- Install latest LTS version of Node.js
- Enable Corepack using
corepack enable - Install dependencies using
pnpm install - Run interactive tests using
pnpm dev
Inspired by javisperez/tailwindcolorshades
Made with 💛
Published under MIT License.