Use CSS classes instead of colors

[code-hike]

Use CSS classes instead of colors

[pomber]

This is on the roadmap (not using classes but CSS variables), but we need more control over the theme to do it right. The idea is to generate the themes and the variables using the theme editor.

[imownbey]

Oh nice thats great! Anything I can do to help? We could use light/dark ASAP and are loading lot of code so I am a bit worried about copying hte codehike double render & display: none; (it can already take a couple of seconds to load all of the code on a page). Otherwise I can hack it in but would like to be helpful to the project if possible.

[pomber]

From the top of my head and writing from my phone:
First we need to change lib/src/color.ts to stop assuming that colors are hexa. That means make the transparent function work with css vars. So we need to define the right format for the css vars to be able to change the alpha of the color with a css function that has good browser support. And we shouldn't change the current logic when the colors are hexa, not vars.

There are other changes after that, but that would be a good start.