Is your feature request related to a problem? Please describe.
Sometimes I want a reactive color using math. When I change a color, it can affect another color in realtime.
Describe the solution you'd like
Secondary color can depend on primary color by changing some properties of primary color like desaturating.
Here's a quick codepen to demonstrate this: https://codepen.io/nice_person/pen/ExGLLeR
Accent color can depend on primary color by changing some properties of primary color like hue.
Here's a quick codepen to demonstrate this: https://codepen.io/nice_person/pen/XWoqYRo
Do check the codes in these pens and experiment with the page/inputs.
There is also a button to try an example in each pen.
My ideas:
${primary.hslS / 5} or ${primary.hslS / 5%},
${primary.hslH + 30} or ${primary.hslH + 30deg},
OR
${primary.hslS} / 5 or ${primary.hslS} / 5%,
${primary.hslH} + 30 or ${primary.hslH} + 30deg,
Is your feature request related to a problem? Please describe. Sometimes I want a reactive color using math. When I change a color, it can affect another color in realtime.
Describe the solution you'd like
Secondary color can depend on primary color by changing some properties of primary color like desaturating. Here's a quick codepen to demonstrate this: https://codepen.io/nice_person/pen/ExGLLeR
Accent color can depend on primary color by changing some properties of primary color like hue. Here's a quick codepen to demonstrate this: https://codepen.io/nice_person/pen/XWoqYRo
Do check the codes in these pens and experiment with the page/inputs. There is also a button to try an example in each pen.
My ideas:
${primary.hslS / 5}or${primary.hslS / 5%},${primary.hslH + 30}or${primary.hslH + 30deg}, OR${primary.hslS} / 5or${primary.hslS} / 5%,${primary.hslH} + 30or${primary.hslH} + 30deg,