// from input
const editBgGradient = `linear-gradient(
45deg,
hsl(240deg 100% 20%) 0%,
hsl(290deg 100% 29%) 23%,
hsl(340deg 100% 37%) 46%,
hsl(30deg 100% 46%) 66%,
hsl(47deg 95% 56%) 82%,
hsl(31deg 82% 66%) 91%,
hsl(16deg 60% 75%) 97%,
hsl(0deg 17% 83%) 100%
)`
// run as an event handler
const saveBgGradient = () => {
document.documentElement.style.setProperty("--bg-gradient", editBgGradient);
setTree({ ...tree, bgGradient: editBgGradient });
};
// from input
const editBgGradient = `linear-gradient(
45deg,
hsl(240deg 100% 20%) 0%,
hsl(290deg 100% 29%) 23%,
hsl(340deg 100% 37%) 46%,
hsl(30deg 100% 46%) 66%,
hsl(47deg 95% 56%) 82%,
hsl(31deg 82% 66%) 91%,
hsl(16deg 60% 75%) 97%,
hsl(0deg 17% 83%) 100%
)`
// run as an event handler
const saveBgGradient = () => {
document.documentElement.style.setProperty("--bg-gradient", editBgGradient);
setTree({ ...tree, bgGradient: editBgGradient });
};