🎨 (Color) add contrast color
This commit is contained in:
@@ -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
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user