bubble-secondary-background-color not can be applied

[1iverea9er]

Describe the bug
bubble-secondary-background-color not can be applied while bubble-pop-up-main-background-color applied in themes

To Reproduce
I just use the code from the example for release 2.3.0

Expected behavior
I'm expecting to apply a color from exaple (rgb(0,70,90)) to the background of main entity card in pop-up

Screenshots

YAML

Bubble:  
  bubble-secondary-background-color: "rgb(0,70,90)"
  bubble-pop-up-main-background-color: "rgba(200,200,200,0.5)"

Informations (please complete the following information):

• Browser/App: chrome
• Bubble Card version: 2.3.0
• Home Assistant version: 2024.12.1

Additional context
I think bubble-pop-up-main-background-color has an advantage over bubble-secondary-background-color because if I delete the row bubble-pop-up-main-background-color, the color is applied

Thank you! 🍻

[MrBearPresident]

You are correct the default order is like this: (where it is first priority, second priority,....)

background: var(--bubble-pop-up-main-background-color, var(--bubble-secondary-background-color, var(--background-color, var(--secondary-background-color))));

Why do you think it should work in another way?
Is there some documentation that points this way?

[1iverea9er]

Yes, that's probably how it's meant to be. However, this imposes limitations in customization.
That is, I cannot replace the color of the second background while the main background color is defined.
Also, if you choose a dark color (i.e. rgba(30,30,30,0.5)) for bubble-pop-up-main-background-color, the accent becomes almost invisible

I was confused by this moment.