🎨 (Color) add contrast color

This commit is contained in:
Julien Calixte
2019-10-25 19:37:28 +02:00
parent 20a02ce294
commit e38637020d
10 changed files with 95 additions and 30 deletions

View File

@@ -1,5 +1,6 @@
import IColor from '@/models/IColor'
import lightness from 'lightness'
import fontColorContrast from 'font-color-contrast'
const dark = -70
const light = dark * -1
@@ -70,9 +71,15 @@ export default [
value: '#eea1eb'
}
].map(
(color: IColor): IColor => ({
...color,
darkValue: lightness(color.value, dark).toLowerCase(),
lightValue: lightness(color.value, light).toLowerCase()
})
(color: IColor): IColor => {
const darkValue = lightness(color.value, dark).toLowerCase()
const lightValue = lightness(color.value, light).toLowerCase()
return {
...color,
darkValue,
lightValue,
constrastColor:
fontColorContrast(color.value) === '#000000' ? darkValue : lightValue
}
}
)