Change RGBA colors to HSL colors
tedk13 opened this issue · comments
💰 Refactor
All of our alpha variant colors are actually using a transparency value to change the color. This doesn't work well when you want to use one as a background color. This breaks in modals for example or another fixed element.
I propose changing them to use hsl then we set the lightness value. I believe we would still come up with the same result and we would also lose the transparency.
Benefits of refactor
Better stuff
Estimates
Closing.
We discussed this at one point. The alpha's a specifically meant for scenarios such as these:
https://platformui.com/launchpad/layouts/full-page/
https://platformui.com/launchpad/hero/heros/
https://platformui.com/launchpad/hero/heros-background-color/
We can add more color and opaque ranges matching our current alpha output, but we shouldn't trade one for the other.