how can I avoid having the background style when I'm not using a module?

[Manix80]

with the cava module for example when waybar starts i have the background style that appears without the module being loaded. then when i launch for example ncspot or firefox the module loads and no problem. is there a way to remove the background style when waybar starts?

cava-module :

...
"cava": {
    "cava_config": "$XDG_CONFIG_HOME/cava/config",
    "bars": 14,
    "method": "pulse",
    "source": "auto",
    "bar_delimiter": 0,
    "noise_reduction": 0.75,
    "format-icons" : ["▁", "▂", "▃", "▄", "▅", "▆", "▇", "█"]
  },
...

style.css :

...
#cava {
  padding: 0 10px;
  background-color: #4c566a;
  color:#d8dee9 ;
  box-shadow: inset 0 -1px #d8dee9;
}
...

[micahsoftdotexe]

I am having the same issue with the same module. Is there anything that can be done with this? There are several other modules that still apply the styling even though it is not loaded

[Elwqnn]

If I understood correctly, the hide_on_silence modifier will fix it.

Like this :

"cava": {
    "framerate": 60,
    "autosens": 1,
    "bars": 12,
    "method": "pipewire",
    "source": "auto",
    "bar_delimiter": 0,
    "input_delay": 2,
    "sleep_timer": 2,
    "hide_on_silence": true,
    "format-icons" : ["▁", "▂", "▃", "▄", "▅", "▆", "▇", "█" ],
    "on-click": "kitty cava"
},