Variables do not work for border-color

Bug Reports
#1

Describe the bug:
If describe variable in :root in CSS and use variable for border-color property - it does not work

How do you cause this bug?
Here is the widget code:

<html>
    <head>
        <style>

            :root {
                --line-color: rgba(32, 254, 255, 1);
            }

            .test0 {
                background-color: var(--line-color);
                width: 5rem;
                height: 5rem;
            }
            
            .test {
                border-width: 5rem; 
                border-color: var(--line-color);
                border-style: solid;
                background-color: white;
                width: 5rem;
                height: 5rem;
            }

            body {
                background-color: black;
            }

        </style>
    </head>
    <body>
        <div class="test0">
        </div>
        <div class="test">
        </div>
    </body>
</html>

Compare how this looks in browser and in widget in Crayta. Browser shows light blue border on second box. In Crayta it is black, but light blue color from variable is used on background of first box successfully. Expected that it works in both.

Screenshots / video of bug:

In browser:

image
image706×758 554 Bytes

in Crayta:
image
image836×768 1.65 KB

Which platform: PC / Stadia

Your Crayta username:
str-read

Game seen in (including “Hub” or “Editor for XYZ”):
Editor

How regularly do you see this? (E.g. 2/3 times - please try 3 times if possible):
always

Version number (found in Help tab in Settings):
0.7.409.102703