roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-06-17 02:29:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

[design]: add color lib and helpers

Browse source
This commit is contained in:
41666 2019-05-20 06:27:45 -04:00
parent 6ba0b0b62b
commit 33dd324708
No known key found for this signature in database
GPG key ID: BC51D07640DC10AF
2 changed files with 18 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

16
packages/roleypoly-design/src/helpers/colors.ts Normal file
View file

@ -0,0 +1,16 @@
import * as Color from 'color'
const color = (i: Color | string) => {
return new Color(i)
}
export const stepUp = (input: Color | string): string => {
return color(input).lighten(0.1).string()
}
export const stepDown = (input: Color | string): string => {
return color(input).darken(0.1).string()
}
export const textMode = (bg: Color | string, light: string = '#efefef', dark: string = '#1c1111'): string => {
return color(bg).isDark() ? light : dark
}