2.2.0 • Published 8 months ago

@saas-ui/palette v2.2.0

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

@saas-ui/palette

Color palette generator for Chakra UI

How it works

This library creates a color object based on a single input color. The object can be directly used to extend your Chakra theme.

Installation

$ yarn add @saas-ui/palette

#or

$ npm i @saas-ui/palette --save

Usage

  1. Setup your Chakra theme, Theme documentation

  2. Create your palette

import { extendTheme } from '@chakra-ui/react'
import { createPalette } from '@saas-ui/palette'

const colors = createPalette('#6d28d9')

const theme = extendTheme({
  colors,
})

export default theme

Configuration

const colors = createPalette('#6d28d9', {
  blackLuminance: 0.005, // defaults to 0
  colors: {
    red: '#d00b00', // override individual colors
  },
})

Default colors

const colors = [
  'red',
  'orange',
  'yellow',
  'green',
  'teal',
  'cyan',
  'blue',
  'purple',
  'pink',
]

Thanks to

This library was inspired by https://palx.jxnblk.com/

License

MIT - Appulse Software

2.2.0

8 months ago

2.1.1

1 year ago

2.1.0

2 years ago

2.0.0

2 years ago

2.0.0-rc.4

2 years ago

1.3.2

2 years ago

1.3.1

2 years ago

2.0.0-next.2

2 years ago

2.0.0-next.3

2 years ago

2.0.0-next.0

2 years ago

2.0.0-next.1

2 years ago

1.3.0

2 years ago

1.2.0

3 years ago

1.1.0

3 years ago

1.0.0

3 years ago

1.0.0-rc.3

3 years ago

1.0.0-rc.4

3 years ago

0.6.0-next.1

3 years ago

0.6.0-next.0

3 years ago

0.6.0-next.3

3 years ago

0.6.0-next.2

3 years ago

0.6.0-next.4

3 years ago

1.0.0-rc.1

3 years ago

1.0.0-rc.2

3 years ago

1.0.0-rc.0

3 years ago

0.5.1

3 years ago

0.5.0

3 years ago

0.4.1

3 years ago

0.3.2

3 years ago

0.4.0

3 years ago

0.3.1

3 years ago

0.3.0

3 years ago

0.2.1

4 years ago

0.2.0

4 years ago

0.1.1

4 years ago

0.1.0

4 years ago

0.0.2-beta

4 years ago

0.0.1-beta

4 years ago