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

Ignition
1

v8.1.5

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:
rgb(0,50,50)

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:
var(--var-name)
then it works correctly.

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

2

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.