theme-colors

Easily generate color shades for themes

Discover other projects

theme-colors

Easily generate color shades for themes

codecov npm version npm downloads package phobia bundle phobia

Install:

yarn add theme-colors

# or

npm i theme-colors

Usage:

import { getColors } from 'theme-colors'

const theme = getColors('#ABABAB')

// Using rgb
const theme = getColors('172,172,172')
{
  50: '#FBFBFB',
  100: '#F7F7F7',
  200: '#EAEAEA',
  300: '#DDDDDD',
  400: '#C4C4C4',
  500: '#ABABAB',
  600: '#9A9A9A',
  700: '#676767',
  800: '#4D4D4D',
  900: '#333333',
}

License

Inspired by javisperez/tailwindcolorshades

MIT. Made with 💖