Theme generators could use Tailwind variables

[vladdu]

When exporting a theme from the generator, I think it would be useful to see what the color is. If it matches a Tailwind color, then the CSS could use var() instead of the hardcoded value. That makes it easy to fine tune, too. If not matching, maybe the closest TW color could be in a comment?

Also size and radius could be expressed with TW variables.

[saadeghi]

There are projects that customize the default Tailwind CSS tokens and in that case the variables referencing the default Tailwind CSS tokens won't work as expected.

[vladdu]

Hmm, you're right... I find it inconvenient to need to go through the generator in order to tweak a color or just to remember what color it is, though, especially with the oklch format. But that's no longer your problem :-) I guess the one thing to do would be a comment with the closest default tailwind color, but it's probably not worth the effort to add. Thanks for the feedback!

[saadeghi]

I think the OKLCH format is easy to guess, predict and modify, just by looking at the numbers. It's the most user friendly color format we ever had in web.

Maybe playing with https://oklch.com can help.

I will work on the export options of theme generator to add a feature for getting tailwind CSS color variables when possible 🫡