2.1.1 • Published 3 months ago
@saas-ui/palette v2.1.1
@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
Setup your Chakra theme, Theme documentation
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.1.1
3 months ago
2.1.0
8 months ago
2.0.0
10 months ago
2.0.0-rc.4
12 months ago
1.3.2
1 year ago
1.3.1
1 year ago
2.0.0-next.2
1 year ago
2.0.0-next.3
12 months ago
2.0.0-next.0
1 year ago
2.0.0-next.1
1 year ago
1.3.0
1 year ago
1.2.0
2 years ago
1.1.0
2 years ago
1.0.0
2 years ago
1.0.0-rc.3
2 years ago
1.0.0-rc.4
2 years ago
0.6.0-next.1
2 years ago
0.6.0-next.0
2 years ago
0.6.0-next.3
2 years ago
0.6.0-next.2
2 years ago
0.6.0-next.4
2 years ago
1.0.0-rc.1
2 years ago
1.0.0-rc.2
2 years ago
1.0.0-rc.0
2 years ago
0.5.1
2 years ago
0.5.0
2 years ago
0.4.1
2 years ago
0.3.2
2 years ago
0.4.0
2 years ago
0.3.1
2 years ago
0.3.0
2 years ago
0.2.1
2 years ago
0.2.0
2 years ago
0.1.1
3 years ago
0.1.0
3 years ago
0.0.2-beta
3 years ago
0.0.1-beta
3 years ago