muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

fixed color calculation hook

Browse source
This commit is contained in:
Fedor Katurov 2021-10-08 11:12:41 +07:00
parent df75624a2f
commit a09c129d04
1 changed files with 11 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/utils/hooks/useColorGradientFromString.ts
View file

@ -4,16 +4,15 @@ import { useColorFromString } from '~/utils/hooks/useColorFromString';
import { normalizeBrightColor } from '~/utils/color'; import { normalizeBrightColor } from '~/utils/color';
export const useColorGradientFromString = (val?: string, saturation = 3, lightness = 3) => { export const useColorGradientFromString = (val?: string, saturation = 3, lightness = 3) => {
return useMemo(() => {
if (!val) {
return '';
}
const color = useColorFromString(val, saturation, lightness); const color = useColorFromString(val, saturation, lightness);
return useMemo( const second = normalizeBrightColor(adjustHue(color, 45), saturation, lightness);
() => const third = normalizeBrightColor(adjustHue(color, 90), saturation, lightness);
val
? `linear-gradient(155deg, ${color}, ${normalizeBrightColor( return `linear-gradient(155deg, ${color}, ${second}, ${third})`;
adjustHue(color, 80), }, [val]);
saturation,
lightness
)})`
: '',
[color]
);
}; };