I have a custom theme defined that simply adds some colour variable definitions which I am using in some Style definitions. However the variable don’t seem to exist in the browser.
Browser:
Designer:
If I change one of the colours to use a static colour then it works.
This is my style definition that the Stopped display is using
Thanks @cmallonee, wrapping in var() fixed it. I was using these originally when I found out you could use them, but I changed to removing the var() after reading the doco in the readme.md inside the theme readme:
Variables can also be used in the Designer's property editor as the value of a components style property. Assuming that the variable exists, of course. Simply specify the variables name as the style property value: