https://github.com/hermanya/color-system
🎨 Easiest way to get a universal color palette
https://github.com/hermanya/color-system
color-palette color-scheme colors dark-mode high-contrast-mode styled-system
Last synced: about 1 year ago
JSON representation
🎨 Easiest way to get a universal color palette
- Host: GitHub
- URL: https://github.com/hermanya/color-system
- Owner: Hermanya
- License: mit
- Created: 2019-03-19T03:00:04.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-09T16:23:01.000Z (over 3 years ago)
- Last Synced: 2025-03-28T09:11:10.571Z (about 1 year ago)
- Topics: color-palette, color-scheme, colors, dark-mode, high-contrast-mode, styled-system
- Language: JavaScript
- Homepage: https://Hermanya.github.io/color-system
- Size: 4.67 MB
- Stars: 20
- Watchers: 2
- Forks: 0
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Color System
[Website](https://hermanya.github.io/color-system/) | [CodeSandbox](https://codesandbox.io/s/github/Hermanya/color-system/tree/master/example)
`yarn add use-color-system`
`import { useColorSystem } from 'use-color-system'`
```jsx
const colors = useColorSystem({
hueOffset: 28, // pretty random number 0-30
invertedLightness: false, // enable for automatic Dark Mode
highContrastMode: false // enable for accessibility
});
styledSystemTheme.colors = colors;
```
```jsx
Hello
World
```
*Depending on `colors` may defer*: usually it's `gray` `magenta` `red`
`orange`
`lime`
`green`
`teal`
`cyan`
`blue`
`purple`