Groubox background-color for single groupbox

I use helium theme and try to set the background color of a single groupbox.
Changing the general setting by using --panel-background-color works,
but I cannot find out how to do it only for a single groupbox.

Tried .myGroupbox .helium.small . c-groupbox …
and many other combination,
but it did not work :frowning:

Kind Regards


Assuming I have the following GroupBox definition:

<groupBox stylename="custom-bg">

The styles look as follows:

.c-groupbox.custom-bg {
  background: #F2F2F2;

the result:
Screenshot 2020-12-15 at 12.10.05


Hi Gleb,

thx, but that does not work for me :frowning:

I double checked, can see, that the stylename=“custom-bg” is in the code if I use the F12 in Chrome…
Vladimir will play around with it. I sent him the xml part for that.
If he finds a solution, I will update it here.


Have you added the implementation of custom-bg to the helium theme extension? In my case, I simply added it to the helium-ext.scss. As an option, run ./gradlew deployThemes to make sure that changes are deployed and refresh a page without cache.

Screenshot 2020-12-15 at 15.05.17

1 Like

Hi Gleb,

Valdimir and me found out, that we needed to add !important…
After that it works.