Set waveform color through CSS

[jestin-g]

Hello, my question is pretty straight forward:
Is it possible to set the waveform color with CSS ?

For example I have this code:

  #wavesurfer ::part(progress) {
    background-color: red; // work
    color: blue; // don't work
  }

Giving me this:

I assume that my code is wrong but is there a way to style the waveform itself?

That would greatly help me because my app is themed through css variables.

Thanks!

[katspaugh]

You can somewhat influence the color of the waveform via mix-blend-mode and background color, but it won't be as precise as just setting it via the JS options.

[jestin-g]

Alright, thanks for your answer!