Rotating lines strokeColor property to accept other inputs other than string

[jcjp]

Currently color property only accepts string would it be possible to pass it a var(--custom-color) or brand-dark

[wkd-kapsule]

You can simply pass it as a string: color:'var(--any-var)'

[jcjp]

You can simply pass it as a string: color:'var(--any-var)'

Tried that but it didn't worked still used the default color.

[alexandermirzoyan]

You can get the CSS variable value with JS and pass the string to the component's property.

const style = getComputedStyle(document.body);
const customColor = style.getPropertyValue('--custom-color');

// Use customColor constant in your component

[jcjp]

You can get the CSS variable value with JS and pass the string to the component's property.

const style = getComputedStyle(document.body);
const customColor = style.getPropertyValue('--custom-color');

// Use customColor constant in your component

Ohh this could work, thanks!