I made a custom lovelace card that could help when designing themes:
(this screenshot is from an early prototype)
It lets you try out the effect of various css variables live, and export the yaml when you’re finished.
Also very useful for quickly trying out a new theme. Just click Import/Export, copy the theme into the box and click Load.