CSS Variables not compatiable with colorPicker popup

[Yackob234]

I was trying to implement a dark mode on my website, through the use of variable CSS.

In a colour picker, I pass through the variable CSS with a default value var(--map-green, #42AF38), and it works for the colour display I have, but it doesn't for the colour picker. It then defaults to #fffff, which isn't awful, but it'd be nice to get the colour displayed by default there, rather then the user having to change it. The functionality still works, when inputting a colour, just the default isn't read.

Thanks in advance!