Page 1 of 1

setting the Waveform color in a MM5 skin?

Posted: Thu Sep 12, 2024 1:33 pm
by Dr.Sol
I'm working with a new version of a mm5-skin, but I'm can't find out how to setting the color of the waveform.

It would have been nice if something like this could work:

.waveform {
background: green;
fill: Yellow;
}

The important issue is how to adress the fill color.

Re: setting the Waveform color in a MM5 skin?

Posted: Thu Oct 10, 2024 8:48 am
by MikeTaku
To change the fill color of a waveform in an MM5 skin, target the specific SVG element rendering the waveform. Use CSS to modify the fill property, but make sure to inspect the element structure to find the correct class or tag for adjustments.

Re: setting the Waveform color in a MM5 skin?

Posted: Mon Oct 21, 2024 7:14 am
by MikeTaku
Hi, Hope you guys are well, I want to know what steps should I follow to modify the waveform's colour in an MM5 skin using CSS. How can I identify the right SVG element for this change?
Thank You,
Mike Taku.

Re: setting the Waveform color in a MM5 skin?

Posted: Wed Oct 30, 2024 6:51 pm
by tbm72
Here's what I use (obviously insert your own colour choice):

[data-id='player'] .waveform {color: #218ce3 !important;}