[BUG] Perspective component colour props support HSL from a CSS var but not directly


For a colour prop e.g. [alarm]props.rowStyles.activeAcked.priorities.low.backgroundColor

If you set this value to:
hsl(0, 50%, 50%)
then it treats it as if you wrote:

If you instead add a CSS var to your CSS theme:
--var-name: hsl(0, 50%, 50%)
and then set the prop value to this:
then it works correctly.

I always use HSL since it’s the most human-readable and interprettable.

Interesting - it seems to work fine on a label’s style.color property, but there may be a flaw in the logic that handles deeply nested styles like the alarm status table.