I’m using Bubble Card from @Cloos and all is just peachy but try as I might I can’t get the colours to change.
I’m getting a nice yellow when (say) a switch is on and a subtle grey when its off but I’d like to highlight some switches differently. Maybe Red when it’s on and Blue when it’s off etc.
I’ve setup a really simple single entity card for testing but try as i might when I adjust anything in the Styling options nothing changes. I mean the switch still works but it’s yellow/grey no matter how I set it.
I’ve noted I need to clear the cache which I have done repeatedly - but nothing changes.
Anyone have a clue what I’m doing wrong?
Hi! Can you share the custom style/template you have tried?
Sure, here it is:
type: custom:bubble-card
card_type: button
entity: input_boolean.user_presence_nick
name: Nick
button_action:
tap_action:
action: toggle
styles: |-
type: custom:bubble-card
card_type: button
entity: input_boolean.user_presence_nick
name: Test
styles: |
.bubble-button-background {
opacity: 1 !important;
background-color: ${state === ‘on’ ? ‘blue’ : ‘red’} !important;
}
Sorry to ask again but I just can’t seem to fathom this one @Cloos any help you can give much appreciated.
I can make the color change in light entities but it doesn’t work for me in switch entities. Not sure if I’m doing it right, I’m new to BubbleCard.
More info, the switch card keeps the new color when it is off. Once it is on it stays in the new color briefly (about half a second) and then changes to the default color (orange).
Apologies for the delay. Been away on vacation.
I’ still in the same situation, I only ever see default orange (or is it yellow?) no matter what I try.
Hopefully there is a Bubble Card genius out there that can help us ?
There is an update in Bubble Card, I have just installed it. I will try again later on to check if we have more colors than the orange 
Yes, I noticed this as well. I’ve installed it but still can’t get mine to change colour as yet - still trying though. Will report back !
Well, I’ve tried with the new version and I still can’t get any colour change !
Ya I also cannot get my color to change over, stuck with the orange
1 Like
Same boat, although I have some Zigbee switches that seem to change colour.
Hi, I’m new to Home Assistant and have started using Bubble Card. I’m experiencing the “orange/yellow” background on my entity buttons as well? I’m hoping on this boat too.
There have been a few updates but still no fix. The brands of switches I am using are Sonoff, Aqara and Ikea.
I’m in the same boat. I have a couple cards which I just can’t seem to style. They look good when the device is off, but when it’s on the entire button plus the icon turn into this garish amber color, plus my custom border-radius styling only works when it’s off. It feels like there is another layer on top of the button which is transparent when it is off, but I really can’t tell. If I understood what it was called, I could style it.
Whinge: If the bubble-card styles were fully (or even just better) documented it would surely solve a large number of issues people are having. The handful of examples available on github are helpful but they are very specific examples and don’t apply to most bubble-cards.
I’m in a different boat. When my devices are off, they are light gray. When on, they are a slightly darker gray (not yellow), making it hard to tell when on. I’d rather not have to style every single button just to make them default. Thoughts?
Sharing that I also cannot get the color to change; unsure why. Installed just yesterday (12/30/2024)