I finally figured out why my dashboards were slowing down on Fire devices. If I mix bubble and mushroom cards, everything grinds to a halt. With just bubble cards it’s super fast.
Also, is there any plan to do a bubble door lock? Or is there some way to do this already?
Hi @Cloos ,
Found it, I was searching on “Styling” and found it on “Templates”.
This is the correct way:
.bubble-button-card-container {
background-color: ${state < 0 ? 'rgba(153,188,133,0.5)' : 'rgba(210,60,0,0.5)'} !important;
}
.bubble-icon {
color: ${state < 0 ? 'rgba(153,188,133,0.5)' : 'rgba(210,60,0,0.5)'} !important;
}
Thank you
Hi,
I had the same issue and solved by changing the value of the “Horizontal button stack styling - Optional width” from an old value to 100%
Hi @Cloos
How can I change the ha_card style alongside with other styles from bubble_card?
If you noticed on my code below, the ha_card is not reflecting the changes:
This is my code:
type: vertical-stack
cards:
- type: custom:button-card
entity: light.interruptor_1_quarto_thomas_light_3
icon: hue:ceiling-square
show_state: false
show_name: true
name: Plafon
aspect_ratio: 3/1
show_last_changed: false
tap_action:
action: toggle
hold_action:
action: more-info
double_tap_action:
action: none
show_icon: true
styles:
card:
- border-radius: 15px
- border-bottom-left-radius: 0px
- border-bottom-right-radius: 0px
- background-color: '#111F32'
icon:
- color: '#59F1FF'
name:
- color: '#FFFFFF'
state:
- value: 'on'
styles:
icon:
- color: '#FFE500'
- type: entities
entities:
- type: custom:bubble-card
entity: light.interruptor_1_quarto_thomas_light_3
card_type: button
button_type: slider
show_name: false
icon: hue:scene-bright
styles: |
ha-card {
background: #111F32;
border-top-right-radius: 0px !important;
}
.bubble-icon {
color: ${state === 'on' ? '#FFE500' : '#59F1FF'} !important;
--mdc-icon-size: 30px !important;
}
.bubble-range-fill {
background: linear-gradient(to right, #FFFFFF, #FFE500) !important;
opacity: 0.5 !important;
}
.bubble-icon-container {
background: #111F32;
}
Hi everyone!
When I released the first Bubble Card 2 stable version a few days ago, it (unfortunately) coincided with the release of the new Home Assistant 2024.6.0 version. This new release ended up breaking some functionalities, the most notable of which was the creation of an empty space by the pop-ups.
However, I’m glad to announce that these issues have now been resolved to ensure a full compatibility!
I also worked on the slider button, it now supports fan, climate, and number entities! I don’t have any of these entities to test it, but it should work. I can’t wait for your feedback on these new possibilities!
Important: I would also like to acknowledge that there was an error in the documentation and in the note in the GUI editor regarding where to place the pop-ups. In fact, they should be placed at the very end in your view. However, if you are using the section view, their positions are not important.
Here is the full list of the new features and bug fixes.
New features
Bug fixes and optimizationsAnd thank you to everyone for the incredibly motivating feedback on this new version!!! 
i just tested the new update and I can confirm the climate and number input option for the slider works! Well done.
Hey all, thanks for such a supportive and collaborative thread@ @Cloos , what a great project and friendly developer. I’ve had two posts where I thought something was broken and each time an upgrade or the docs led me correctly 
Would anyone be willing to share their color scheme/theme examples? My dashboard is nearly complete structurally but I’m struggling to recreate the colors used in the github docs or other examples in the thread. Using only the Bubble theme as an example, a normal switch/button bubble card will turn blue-ish if the switch is on and I can’t figure out how to edit that globally. Inspecting via browser I can see ha-card class=“type-custom-bubble-card is-on”, and accordingly color is set to the accent-color: ‘rgb(80, 110, 172)’ in the default Bubble theme.
Note I’m not asking for help in conditionally coloring icons etc as that works wonderfully as per the docs. Just looking to borrow someone’s creativity in how they’ve defined their colors. Thanks!
I’ve been enjoying tinkering with this, i think it has incredible promise for my dashboards!
I noticed that the empty column card configuration GUI doesn’t support sections layout, but the yaml side does. Is this planned for a future release?
I’m running the latest of HA and bubble-card.
Thanks!
Also, is there any chance you might implement a gauge in the future? I would be keen for this with sub-button support!
Am I missing how to make this work on IOS device such as an Iphone in the app? Desktop version works great with pop up and buttons/sensors/media but I get you need to define an entity on my Iphone.
Hi again! Here is a fast release to fix the slider behavior after the v2.0.2 update, it was terrible and erratic! I can also confirm that the new supported entities by the slider are perfectly working!
Bug fixes and optimizationsI forgot that indeed!
This looks like a cache issue, have you tried to clear it?
This is not my priority but why not 
Hi, the best way would be to edit the accent-color variable directly in the theme file, then don’t forget to run the frontend.reload_themes service once.
That was it exactly. Didn’t put it all together that the app would need refreshed also after exiting and restarting. Had to go into servers page and clear frontend cache. Thanks for the pointer!
@Cloos Your project is amazing! I would love if you could help on this please. How we can change the ha_card style alongside with bubble_card style as well. I didn’t find any clue in this thread neither in the repo 
Sorry for the late answer, is this custom card mod style is working outside of a pop-up? I don’t use card mod anymore so I was not aware that they could not work together.
If that is a dimmer, I did this on mine:
.bubble-range-fill {
background: linear-gradient(to right, #FFFFFF, #FFE500) !important;
opacity: 0.5 !important;
}