View Issue Details
| ID | Project | Category | View Status | Date Submitted | Last Update |
|---|---|---|---|---|---|
| 0020635 | MMW 5 | Skinning framework | public | 2024-02-22 20:41 | 2024-03-25 12:57 |
| Reporter | zvezdan | Assigned To | |||
| Priority | none | Severity | minor | Reproducibility | always |
| Status | closed | Resolution | fixed | ||
| Fixed in Version | 5.1 | ||||
| Summary | 0020635: Visualization color cannot be skinned | ||||
| Description | Visualization is using color properties of .textColor and .highlightColor classes from basic skin, not from custom skin. By the way, the waveform is now working fine after you resolved it (0020430), so you should use the same thing with visualization. | ||||
| Tags | todoc-dev | ||||
| Fixed in build | 3001 | ||||
|
|
Fixed in build 3001. Visualizations have "basevis" class now and use "color" and "--visPeaksColor" properties. |
|
|
Verified 3001 |
|
|
This still doesn't work. The color of lines in visualization is the one from the basic skin, not from my skin: .textColor { :not(.basevis) > & { color: inherit; } .basevis > & { color: red; //example } } This doesn't work either: .basevis * { color: red; //example } |
|
|
There are two visualizations. 1) the one in preview window - for Basic bars, Line fade, Basic oscillator you can simply use: .basevis { --visPeaksColor: blue; // color of peaks in visualization color: orange; // color of lines and bars } 2) the small one inside player. Usage is similar, only there is no assigned special class, as Player control is mostly created by skins and they could contain any class they want. You can use e.g. [data-player-control="visualizer"] { --visPeaksColor: blue; // color of peaks in visualization color: orange; // color of lines and bars } |
|
|
Thanks. I though you are still using a color from the canvas element and its class. |
|
|
Verified 3007 |
