Is It Possible To add a variable CSS Color as Color?

[ljs19923]

Hi, I would like to know if it's possible to do this? and if not, how

<BarLoader width={"70%"} height={2} color={"var(--textColor)"} />

I would like to be able to change the color of my loaders from a Css var. If for example I have a dark/white theme, controlled by a css variable, I would like to be able to edit my bar loader directly when the css variable change.

This code works a little bit but the background behind the bar loader disappear :/ the color bar change well

Result:

What I would like to have:

Thanks a lot

[davidhu2000]

react-spinners/src/BarLoader.tsx

Line 45 in fd4a93c

backgroundColor: color,

i'm not sure, I will need to see if this is possible. Currently it is just passed as a string

[standbyoneself]

Any news on this? I also need to have ability to apply color as CSS Custom Property

[Mukhammadali]

I can confirm that works. Just pass your css variable color like this

<SyncLoader color="var(--theme-primary-color)" />