There is a little bug here in tw4
When attempting to change the color of an element that already has a Tailwind color utility class applied (e.g. text-purple-500), the new color selection does not update the element as expected. Instead, Pinegrow appends a trailing slash (/) to the existing utility class, resulting in an invalid class like text-purple-500/, and the color change has no visible effect turning the element to white.
One have to manually delete the existing Tailwind color utility class before assigning a new one.
This is not happening in TW 3 and it is happeing also in the PG wp plugin version.
When I try the use case with Pinegrow 8.4 Desktop (for now), this is what I get.
Thanks for checking,
Are you on TW4? b/c if i switch to TW3.x the issue do not persist.
I did tried ahain on a blank project in the wp plugin and desktop version, latest version both.
It’s actually a pretty standard TailwindCSS 4 project where the design panel is enabled. However, I confirm there’s a bug here. For some strange reason, this morning, I encountered the issue you mentioned during a new test. I’ve reported the problem to the development team, and a fix should be coming soon.
Thanks a lot for your feedback.
UPDATE: It’s already fixed and will be available in the next Pinegrow update. (I’m not announcing an ETA, but it’s coming very soon).
Thank you very much Emmanuel.
Cheers.