privacy: missing css module class

[czkz]

The following css is not applied to the privacy module, but it should be:

.module {
  background-color: red;
}

This results in red background being visible on other modules, but not privacy.

[Aron22563]

Im still new to solving other people's issues so feel free to give me tips on how to improve!

Whats the issue

Hey i have limited knowledge on general customizations but if you would like to stick with a similar configuration (which might not be the best idea) go for something like this:

.modules-right, .modules-center, .modules-left {
background-color: red;
}

I recommend switching to a more detailed styling practice of defining individual module styles like this and maybe using general rules as fallback:

#privacy {
background-color: red;
}
.module {
background-color: blue;
}

Wiki

General Styling Settings
If you were looking for an explanation why the .module rule does not apply to the privacy module i sadly cant help you. I might look into it later though, looks interesting :)

[czkz]

Thanks!
I ended up using something similar to your second example for now.
Pretty sure this is a bug though.

You can inspect css classes with GTK_DEBUG=interactive waybar in the "Objects" tab in "Style Classes" column - the "module" class is present on other modules, but not on privacy.