Bubble Card v2.3.4-beta.1

Bubble Card 2

v2.3.4-beta.1 - Let's do things right!

Hi everyone!

The last versions were not very good, and there were many bug reports. I'm really sorry about that!

However, I believe I’ve finally identified the issues in those versions, and this new beta should be perfectly stable and even faster on some setups/browsers! That said, I’m releasing it as a beta to make absolutely sure.

I also want to wish you happy holidays in advance, as I’m not sure if another version will be released before 2025 (unless this beta satisfies everyone 🤞).

Thank you all for your patience and support!

And if you missed the previous changelogs, check v2.3.0 and v2.3.1 for the new features.

---

✔️ Bug fixes and optimizations

• Errors introduced in v2.3.1 and later:
  Fixed various issues that caused errors in recent versions. #1041

• Code optimization:
  Improved parts of the code to ensure smoother and more stable behavior. #1035 #1065

• Pop-up performance:
  Optimized pop-ups for faster opening and closing in some setups (Seriously, they’re so much smoother now... again).

• Accent color for lights:
  Resolved a problem where the "Use accent color" feature for lights did not always display the correct color. #692

---

ℹ️ Bubble Card news

---

I’ve been wanting to start my own YouTube channel for a while, focusing on tutorials around Home Assistant and Bubble Card. There are two videos so far, an introduction explaining the project and a first tutorial on how to create your first pop-up. I really hope you will enjoy them. Don’t hesitate to subscribe to help give my channel more visibility. Thank you in advance!

The next video will cover the new global variables, as well as custom styles and templates, since I’ve noticed more and more questions on these topics.

---

Over the past year, I’ve been working almost everyday on Bubble Card to make it the best it can be, and I still don't believe how much it have grown in popularity. Watching the community getting this big and seeing so many people using my work has been incredibly rewarding.

I have another announcement to you all, I decided to create a Patreon as a way to offer something more for those who want to support me. On my Patreon, I share advanced YAML configurations, custom styles, and templates. For example, I’ve added one (my favorite) that allows up to four conditional badges placed around the card’s icons. It’s also a great way to learn about all the possibilities of Bubble Card custom styles and templates!

If you like my project and want to support its development, subscribing to my Patreon is probably the best way to help me keep the project going.

Also, let me know if you have any suggestions or feedback on this. Trying to find a way to monetize my work was not something I ever imagined doing, but I really hope you see it as a way to keep improving the project, and not as a negative step.

Thank you so much for being part of this amazing community, your support will always makes a huge difference! ❤️

---

I want to highlight that on the GitHub page, in the Discussions section, you can share and discover some amazing YAML examples from the community. Go check it out! Some of the creations are absolutely incredible!

---

And if you are interested I've opened a Subreddit for Bubble Card where I post my progress on the project. Here it is:

🎄

Bubble Card v2.3.3

Bubble Card 2

v2.3.3 - Hotfix Release (again)!

Here's a new version that fix some new issues introduced in v2.3.1/v2.3.2. Thank you again for your feedback!

• Media player border radius:
  Corrected the border radius for the media player card in the normal layout. #1034

• Box shadow variable for cover buttons:
  Fixed an issue where the box shadow variable was affecting the cover buttons instead of the card in the large layout. #1039

• Undefined message in console logs:
  Resolved an issue causing the browser console to be spammed with undefined messages.

And if you missed it, here is the previous changelog:

v2.3.2 - Hotfix Release!

This urgent hotfix resolves key issues introduced in v2.3.1. Please update to this version promptly.

• Sub-button issue:
  Fixed an issue where sub-buttons would disappear inside the editor. #1031 - PR #1032 by @MrBearPresident.

• Media player Issue:
  Addressed a problem affecting media player functionality. #1030 - PR #1032 by @MrBearPresident.

• Accent color for lights (Optional):
  The accent color for lights is now optional to prevent a too significant breaking changes. To enable it, go to the editor or add use_accent_color: true in YAML.

  

And if you missed it, here is the previous changelog:

v2.3.1

Hi everyone!

This update brings several enhancements, bug fixes, and even some new features that I couldn’t wait to implement! Special thanks to @MrBearPresident for his valuable first contributions to this release! As always, let me know if you encounter any issues or have feedback. Your input helps make these updates even better!

P.S.: I really need to update the documentation with all the changes from v2.3.0 and v2.3.1, I will do that soon!

Here's what’s new:

---

💡 New features

• Conditional sub-button visibility:
  Sub-buttons now support conditional visibility based on Home Assistant's conditional system, allowing more dynamic setups without the need to add templates. #787 - PR #995 by @MrBearPresident.

  In YAML:

     visibility:
       # Show this sub-button only when motion is detected at the front door.
       - condition: state
          entity: binary_sensor.front_door_motion
          state: "on"

  

• New pop-up trigger system:
  Introduced a new trigger system in the pop-up editor, to allow more complex triggers. This new feature is based on the conditional system from @MrBearPresident, so thanks again to him for this great new possibility! #332

  This is not a breaking change, existing triggers from previous versions will still work but can only be edited in YAML mode. If you switch to the new system, it will override previously added triggers.

  In YAML:

     trigger:
       # Open this pop-up when motion is detected at the front door.
       - condition: state
          entity: binary_sensor.front_door_motion
          state: "on"

• Box shadow variable:
  You can now adjust the box shadow for your Bubble Cards, this can be done with the --bubble-box-shadow variable. PR #1009 by @flobiwankenobi.

• Safety binary sensor icon:
  Added a dedicated icon for safety binary sensors. PR #967 by @nexeck.

---

✔️ Bug fixes and optimizations

• Improved light color handling (again):
  Lights without RGB support now use the accent color, mirroring Home Assistant’s default behavior. #692.

• Fan modes issue:
  I should have resolved an error when HVAC are in dry mode. #987.

• Media player custom style issue:
  Resolved an issue where modifying the background color in .bubble-media-player caused rounded corners to disappear. PR #1015 by @MrBearPresident.

• Instant .bubble-name templating:
  Optimized for faster rendering when using templated names. #975.

• Entity picture issue:
  Fixed an issue where some entity_picture URLs were not displayed.

• Volume slider issue:
  Closing the volume slider in a media player card now behaves as expected. #994 - PR #1001 by @MrBearPresident.

---

ℹ️ Bubble Card news

---

I’ve been wanting to start my own YouTube channel for a while, focusing on tutorials around Home Assistant and Bubble Card. There are two videos so far, an introduction explaining the project and a first tutorial on how to create your first pop-up. I really hope you will enjoy them. Don’t hesitate to subscribe to help give my channel more visibility. Thank you in advance!

The next video will cover the new global variables, as well as custom styles and templates, since I’ve noticed more and more questions on these topics.

---

Over the past year, I’ve been working almost everyday on Bubble Card to make it the best it can be, and I still don't believe how much it have grown in popularity. Watching the community getting this big and seeing so many people using my work has been incredibly rewarding.

I have another announcement to you all, I decided to create a Patreon as a way to offer something more for those who want to support me. On my Patreon, I share advanced YAML configurations, custom styles, and templates. For example, I’ve added one (my favorite) that allows up to four conditional badges placed around the card’s icons. It’s also a great way to learn about all the possibilities of Bubble Card custom styles and templates!

If you like my project and want to support its development, subscribing to my Patreon is probably the best way to help me keep the project going.

Also, let me know if you have any suggestions or feedback on this. Trying to find a way to monetize my work was not something I ever imagined doing, but I really hope you see it as a way to keep improving the project, and not as a negative step.

Thank you so much for being part of this amazing community, your support will always makes a huge difference! ❤️

---

I want to highlight that on the GitHub page, in the Discussions section, you can share and discover some amazing YAML examples from the community. Go check it out! Some of the creations are absolutely incredible!

---

And if you are interested I've opened a Subreddit for Bubble Card where I post my progress on the project. Here it is:

🍻

Bubble Card v2.3.2

Bubble Card 2

v2.3.2 - Hotfix Release!

This urgent hotfix resolves key issues introduced in v2.3.1. Please update to this version promptly.

• Sub-button issue:
  Fixed an issue where sub-buttons would disappear inside the editor. #1031 - PR #1032 by @MrBearPresident.

• Media player Issue:
  Addressed a problem affecting media player functionality. #1030 - PR #1032 by @MrBearPresident.

• Accent color for lights (Optional):
  The accent color for lights is now optional to prevent a too significant breaking changes. To enable it, go to the editor or add use_accent_color: true in YAML.

  

And if you missed it, here is the previous changelog:

v2.3.1

Hi everyone!

This update brings several enhancements, bug fixes, and even some new features that I couldn’t wait to implement! Special thanks to @MrBearPresident for his valuable first contributions to this release! As always, let me know if you encounter any issues or have feedback. Your input helps make these updates even better!

P.S.: I really need to update the documentation with all the changes from v2.3.0 and v2.3.1, I will do that soon!

Here's what’s new:

---

💡 New features

• Conditional sub-button visibility:
  Sub-buttons now support conditional visibility based on Home Assistant's conditional system, allowing more dynamic setups without the need to add templates. #787 - PR #995 by @MrBearPresident.

  In YAML:

     visibility:
       # Show this sub-button only when motion is detected at the front door.
       - condition: state
          entity: binary_sensor.front_door_motion
          state: "on"

  

• New pop-up trigger system:
  Introduced a new trigger system in the pop-up editor, to allow more complex triggers. This new feature is based on the conditional system from @MrBearPresident, so thanks again to him for this great new possibility! #332

  This is not a breaking change, existing triggers from previous versions will still work but can only be edited in YAML mode. If you switch to the new system, it will override previously added triggers.

  In YAML:

     trigger:
       # Open this pop-up when motion is detected at the front door.
       - condition: state
          entity: binary_sensor.front_door_motion
          state: "on"

• Box shadow variable:
  You can now adjust the box shadow for your Bubble Cards, this can be done with the --bubble-box-shadow variable. PR #1009 by @flobiwankenobi.

• Safety binary sensor icon:
  Added a dedicated icon for safety binary sensors. PR #967 by @nexeck.

---

✔️ Bug fixes and optimizations

• Improved light color handling (again):
  Lights without RGB support now use the accent color, mirroring Home Assistant’s default behavior. #692.

• Fan modes issue:
  I should have resolved an error when HVAC are in dry mode. #987.

• Media player custom style issue:
  Resolved an issue where modifying the background color in .bubble-media-player caused rounded corners to disappear. PR #1015 by @MrBearPresident.

• Instant .bubble-name templating:
  Optimized for faster rendering when using templated names. #975.

• Entity picture issue:
  Fixed an issue where some entity_picture URLs were not displayed.

• Volume slider issue:
  Closing the volume slider in a media player card now behaves as expected. #994 - PR #1001 by @MrBearPresident.

---

ℹ️ Bubble Card news

---

I’ve been wanting to start my own YouTube channel for a while, focusing on tutorials around Home Assistant and Bubble Card. There are two videos so far, an introduction explaining the project and a first tutorial on how to create your first pop-up. I really hope you will enjoy them. Don’t hesitate to subscribe to help give my channel more visibility. Thank you in advance!

The next video will cover the new global variables, as well as custom styles and templates, since I’ve noticed more and more questions on these topics.

---

Over the past year, I’ve been working almost everyday on Bubble Card to make it the best it can be, and I still don't believe how much it have grown in popularity. Watching the community getting this big and seeing so many people using my work has been incredibly rewarding.

I have another announcement to you all, I decided to create a Patreon as a way to offer something more for those who want to support me. On my Patreon, I share advanced YAML configurations, custom styles, and templates. For example, I’ve added one (my favorite) that allows up to four conditional badges placed around the card’s icons. It’s also a great way to learn about all the possibilities of Bubble Card custom styles and templates!

If you like my project and want to support its development, subscribing to my Patreon is probably the best way to help me keep the project going.

Also, let me know if you have any suggestions or feedback on this. Trying to find a way to monetize my work was not something I ever imagined doing, but I really hope you see it as a way to keep improving the project, and not as a negative step.

Thank you so much for being part of this amazing community, your support will always makes a huge difference! ❤️

---

I want to highlight that on the GitHub page, in the Discussions section, you can share and discover some amazing YAML examples from the community. Go check it out! Some of the creations are absolutely incredible!

---

And if you are interested I've opened a Subreddit for Bubble Card where I post my progress on the project. Here it is:

🍻

Bubble Card v2.3.1

Bubble Card 2

v2.3.1

Hi everyone!

This update brings several enhancements, bug fixes, and even some new features that I couldn’t wait to implement! Special thanks to @MrBearPresident for his valuable first contributions to this release! As always, let me know if you encounter any issues or have feedback. Your input helps make these updates even better!

P.S.: I really need to update the documentation with all the changes from v2.3.0 and v2.3.1, I will do that soon!

Here's what’s new:

---

💡 New features

• Conditional sub-button visibility:
  Sub-buttons now support conditional visibility based on Home Assistant's conditional system, allowing more dynamic setups without the need to add templates. #787 - PR #995 by @MrBearPresident.

  In YAML:

     visibility:
       # Show this sub-button only when motion is detected at the front door.
       - condition: state
          entity: binary_sensor.front_door_motion
          state: "on"

  

• New pop-up trigger system:
  Introduced a new trigger system in the pop-up editor, to allow more complex triggers. This new feature is based on the conditional system from @MrBearPresident, so thanks again to him for this great new possibility! #332

  This is not a breaking change, existing triggers from previous versions will still work but can only be edited in YAML mode. If you switch to the new system, it will override previously added triggers.

  In YAML:

     trigger:
       # Open this pop-up when motion is detected at the front door.
       - condition: state
          entity: binary_sensor.front_door_motion
          state: "on"

• Box shadow variable:
  You can now adjust the box shadow for your Bubble Cards, this can be done with the --bubble-box-shadow variable. PR #1009 by @flobiwankenobi.

• Safety binary sensor icon:
  Added a dedicated icon for safety binary sensors. PR #967 by @nexeck.

---

✔️ Bug fixes and optimizations

• Improved light color handling (again):
  Lights without RGB support now use the accent color, mirroring Home Assistant’s default behavior. #692.

• Fan modes issue:
  I should have resolved an error when HVAC are in dry mode. #987.

• Media player custom style issue:
  Resolved an issue where modifying the background color in .bubble-media-player caused rounded corners to disappear. PR #1015 by @MrBearPresident.

• Instant .bubble-name templating:
  Optimized for faster rendering when using templated names. #975.

• Entity picture issue:
  Fixed an issue where some entity_picture URLs were not displayed.

• Volume slider issue:
  Closing the volume slider in a media player card now behaves as expected. #994 - PR #1001 by @MrBearPresident.

---

ℹ️ Bubble Card news

---

I’ve been wanting to start my own YouTube channel for a while, focusing on tutorials around Home Assistant and Bubble Card. There are two videos so far, an introduction explaining the project and a first tutorial on how to create your first pop-up. I really hope you will enjoy them. Don’t hesitate to subscribe to help give my channel more visibility. Thank you in advance!

The next video will cover the new global variables, as well as custom styles and templates, since I’ve noticed more and more questions on these topics.

---

Over the past year, I’ve been working almost everyday on Bubble Card to make it the best it can be, and I still don't believe how much it have grown in popularity. Watching the community getting this big and seeing so many people using my work has been incredibly rewarding.

I have another announcement to you all, I decided to create a Patreon as a way to offer something more for those who want to support me. On my Patreon, I share advanced YAML configurations, custom styles, and templates. For example, I’ve added one (my favorite) that allows up to four conditional badges placed around the card’s icons. It’s also a great way to learn about all the possibilities of Bubble Card custom styles and templates!

If you like my project and want to support its development, subscribing to my Patreon is probably the best way to help me keep the project going.

Also, let me know if you have any suggestions or feedback on this. Trying to find a way to monetize my work was not something I ever imagined doing, but I really hope you see it as a way to keep improving the project, and not as a negative step.

Thank you so much for being part of this amazing community, your support will always makes a huge difference! ❤️

---

I want to highlight that on the GitHub page, in the Discussions section, you can share and discover some amazing YAML examples from the community. Go check it out! Some of the creations are absolutely incredible!

---

And if you are interested I've opened a Subreddit for Bubble Card where I post my progress on the project. Here it is:

🍻

Bubble Card v2.3.0

Bubble Card 2

v2.3.0

Spoiler: This is a massive changelog, please take the time to read it before updating (Minor breaking change alert)

Hi everyone!

I’m back and I’m a bit excited to be finally able to share this new major gigantic update with you all! It took me a lot of time and effort (more than 2 months... damn, that was long), but I’m really proud of how it turned out!

This version introduces a lot of exciting new features, including a highly requested card that many of you have been eagerly waiting for! Alongside these new additions, I’ve fixed way too many bugs and further optimized the code. For some setups, this means even lower resource consumption, and I can say the improvement is truly impressive on low-end/older devices! Yes again... I know.

As always, I can’t wait to hear your feedback. And a huge thank you to all the beta testers and to everyone for your continued support!

P.S.: I’m really sorry for the extensive changelog, I did my best to make it as readable as possible.

Here are the main new features:

---

Climate card

The climate card is finally available! The mode selection menu is a sub-button that is added automatically when creating the card. You can then modify or remove this sub-button as you wish. After a lot of beta testing, it should supports all type of climate entities and works seamlessly! #398

---

Select cards and sub-buttons now support attribute lists

Select cards and sub-buttons now support attribute lists for climate, light, and media player entities. This option will only show if your entity is supported. #665

---

Global CSS variables

You can now modify most of the styles directly in your theme file without needing custom styles! For example, here's my dashboard with less rounded borders and new background colors.

This was achievable with just a few lines added to my theme. Don’t forget to reload your theme using the frontend.reload_themes action, such as via Developer Tools.

Bubble:  
  # Bubble Card variables test
  bubble-border-radius: "8px"
  bubble-main-background-color: "rgb(50,70,90)"
  bubble-secondary-background-color: "rgb(0,70,90)"
  bubble-pop-up-main-background-color: "rgba(200,200,200,0.5)"
  bubble-accent-color: "rgb(100,140,180)"
  bubble-icon-background-color: "rgb(50,80,100)"
  bubble-select-list-width: "200px"
  bubble-select-list-background-color: "rgb(100,140,180)"

I’ll be adding the full list to the documentation soon, but just like with custom styles, you can find all of them by checking the src/cards folder in this repository. In each card folder, you'll find a file named styles.ts. These files contain all the applied styles.

---

Sub-buttons support light color

If you have a sub-button with a light entity, it will now change its color based on the light’s color. I noticed many of you were achieving this with custom templates, no need for them anymore!

That "Power" sub-button now changes its color based on the light’s color. This pop-up is also modified by the new global variables, though the color harmony might not be the best…

---

Media player blurred background

A new blurred background option for media player cards based on the media cover has been added, giving a cleaner and more modern look.

---

Full changelog

⚠️ Breaking change

• Backdrop styling changes for pop-ups: The default backdrop is now darker without any blur, improving performance on low-end/older devices. To restore the previous blur effect, in the editor just go to your first pop-up on your view, then go to Styling options > Pop-up styling then change Optional - Backdrop blur to 10 (it was the previous value), or add backdrop_blur: 10 in YAML.

  

---

💡 Other new features

• Slider live update:
  Added an option in the editor to revert to the slider previous behavior. In YAML you can add slider_live_update: true. #817

• Automatic entity matching for "Call service" actions:
  A new toggle in the editor ensures Call Service actions will automatically match the card or sub-button entity if defined.

  YAML users can use:

  target:
    entity_id: entity

• Pop-up slide to close distance:
  You can now change the « Slide to close distance » in the pop-up editor. In YAML you can add slide_to_close_distance: 300, this is the distance that you need to slide (in pixels) to close a pop-up.

• Toggle for disabling background color in sub-buttons:
  In the sub-buttons editor, there is now a toggle to disable the background color based on the entity’s state. In YAML: state_background: false. There is also a new toggle to disable the sub-button background colors based on the light color. In YAML: light_background: false.

• Select styling:
  It's now possible to modify the styles of a select card/sub-button with the new variables. #725

• Cover control buttons:
  The open/close buttons for covers are now correctly disabled when they should be. #788

• Cover stop button:
  The stop button for covers is now correctly hidden when not supported.

---

✔️ Bug fixes and optimizations

• Improved light button visibility: Buttons with white light (or without RGB) are now easier to see in bright/light themes. The overall color system has been refined for better handling, and the color can now be customized with the --bubble-light-color variable. #692

• Slider optimization:
  Button slider updates are now triggered only on release. #686 (Partial optimization for #764)

• Slider haptic feedback:
  Button slider haptic feedback is now triggered only on release.

• Cover attribute fix:
  Attributes with a value of "0" were not displayed, this is now fixed! #750

• Show name issue:
  Disabling the "Text Scrolling Effect" was breaking "Show Name", this is now fixed! #598

• Editor freezing issue:
  The editor is not freezing anymore on some setups/browsers. #799 #698

• Page initialization:
  Faster page initialization on some setups.

• CPU usage:
  Significantly lower CPU usage on some setups. #799 and #711

• Pop-up background update:
  Pop-up background_update feature fixed, try this if you have an issue displaying a specific pop-up.

• Pop-up optimization:
  Improved performance of pop-ups for faster load times on some setups (at this point, I’m probably running out of ways to optimize them further! Maybe...).

• Fixed pop-up display:
  Resolved issues where some pop-ups were not displaying at all, or only after leaving the editor or changing views. #821

• Smoother pop-up animations:
  Enhanced pop-up animations for a more fluid experience on some setups.

• Additional pop-up fixes:
  Addressed other pop-up issues, including console errors on some setup. #840 and #791

• Long term memory management:
  Better long term memory management. #799

• Event listeners for pop-ups:
  Better and lighter event listeners system for handling the pop-ups.

• Global event listeners for tap actions:
  Better and lighter global event listeners system for handling the tap actions.

• Select arrow background variable:
  Replaced the select arrow background variable with --bubble-select-arrow-background-color. #794

• Dropdown menus in pop-ups:
  Some dropdown menus from some custom cards were not appearing when placed inside of a pop-up, this is now fixed! #469 and #816

• Hold action optimization:
  The hold action is now automatically triggered after the delay.

• Safari slider button issue:
  Fixed an issue on Safari where slider buttons were flashing when a pop-up was opened.

• Slider fixes:
  Sliders that were not working anymore are now fixed. #849 #838

• Fan sliders:
  Fan sliders are now set to 0 when turned off.

• No actions on scroll:
  Actions are now correctly prevented from triggering when scrolling. #892 and #839

• Resolved scrolling issue:
  Fixed an issue that sometimes made scrolling impossible, particularly in the editor.

• Missing point in displayed state:
  Added missing point • when "State" is hidden but "Attribute" and "Last changed" are visible. #872 by @tiagof

• Binary sensors icon:
  Fix: recover icon from binary_sensors. #828 by @brunosabot

• Google Wifi Online value:
  Fix: support Google Wifi Online value as active. #829 by @brunosabot

• Cover card icon variable:
  Fix icon variable in cover-card. #776 by @Muenchen-Michi

• Styling fixes:
  Some various styling fixes.

• New pop-up background element:
  Introduced a new separated element for the pop-up background. #895

  ⚠️ Important: This is a breaking change for users with custom styles that are modifying the pop-up background.

   .bubble-pop-up-background {
     width: 100%;
     height: 100%;
     display: flex;
     top: 0;
     left: 0;
     position...

Bubble Card v2.3.0-beta.8

Bubble Card 2

v2.3.0-beta.8

Hi everyone!

We're getting closer (again!) to the final v2.3.0 release, and this beta brings important refinements to ensure everything is bug-free and covers more use cases. I really hope that this version meets everyone’s expectations and brings us one step closer to a perfect and shiny release 🤞

I’m also truly sorry for introducing new breaking changes, but I want everything to be as polished as possible before the stable release, better now than later.

Here’s what’s new in this version:

---

⚠️ Breaking change

• Backdrop styling changes for pop-ups: The default backdrop is now darker without any blur, improving performance on older devices. To restore the previous blur effect, in the editor just go to your first pop-up on your view, then go to Styling options > Pop-up styling then change Optional - Backdrop blur to 10 (it was the previous value), or add backdrop_blur: 10 in YAML.

  

---

💡 New features

• Persistent background color for climate cards: A new toggle in the climate card editor allows users to enable a constant background color when the entity is on. This simplifies the appearance and improves customization options. #933

  

• Automatic entity matching for "Call service" actions: A new toggle in the editor ensures Call Service actions will automatically match the card or sub-button entity if defined.

  

  YAML users can use:

  target:
    entity_id: entity

  ⚠️ Breaking change: If you removed entity_id in the previous beta, you'll need to update your YAML. This resolves issues such as #935.

---

✔️ Bug fixes and optimizations

• Improved light button visibility: Buttons with white light (or without RGB) are now easier to see in bright/light themes. The overall color system has been refined for better handling, and the color can now be customized with the --bubble-light-color variable. #692

• Synced temperature changes in climate cards: Temperature values are now correctly synchronized when changes occur elsewhere. #942

• Support for entity_picture in climate cards: The climate card now fully supports entity_picture as the icon. #939

I can't wait for your feedback as always, and thank you for your continued support! ❤️

---

Bubble Card news

---

I want to highlight that on the GitHub page, in the Discussions section, you can share and discover some amazing YAML examples from the community. Go check it out! Some of the creations are absolutely incredible!

---

I’ve been wanting to start my own YouTube channel for a while, focusing on tutorials around Home Assistant and Bubble Card. There are two videos so far, an introduction explaining the project and a first tutorial on how to create your first pop-up. I really hope you will enjoy them. Don’t hesitate to subscribe to help give my channel more visibility. Thank you in advance!

The next video will cover the new global variables, as well as custom styles and templates, since I’ve noticed more and more questions on these topics.

---

And if you are interested I've opened a Subreddit for Bubble Card where I post my progress on the project. Here it is:

🍻

Bubble Card v2.3.0-beta.7

Bubble Card 2

v2.3.0-beta.7

Hi everyone!

I'm almost done with the final release of v2.3.0! This update brings a few more fixes, mainly for the climate card (this card has been way more challenging than expected), along with a small new feature for it. Please tell me this is the one! 😁

Here’s what’s new in this version:

---

💡 New features

• Added option to hide target temperature controls: You can now hide target_temp_low or target_temp_high temperature controls on the climate card. This gives more flexibility in customizing the climate card. #877

  

---

✔️ Bug fixes and optimizations

• Improved climate card color behavior: The climate card color now correctly changes based on whether it is actually cooling or heating. #923

• Delayed temperature change: When buttons are pressed, the temperature on the climate card will now change with a delay, preventing multiple API calls. #877

• Automatic entity selection for actions: When setting actions for a card or sub-button, if no entity is defined in the sub-button actions, it will automatically use the entity of the sub-button, and if no entity is defined in the sub-button, it will use the card’s entity. This reduces the need for extra YAML and simplifies configuration. #926

• Fixed issue with changing select sub-button icon: It was previously impossible to change the icon for a select sub-button when an attribute with icons was set (e.g., HVAC modes). This is now fixed! #924

• Media player card style improvements: A few style improvements have been made to the media player card.

• Pop-up optimization: Improved performance of pop-ups for faster load times on some setups (at this point, I’m probably running out of ways to optimize them further! Maybe...).

---

I can't wait for your feedback as always!

Oh, and one more thing! I’ve been wanting to start my own YouTube channel for a while, focusing on tutorials around Home Assistant and Bubble Card. There are two videos so far, an introduction explaining the project and a first tutorial on how to create your first pop-up. I really hope you will enjoy them. Don’t hesitate to subscribe to help give my channel more visibility. Thank you in advance!

The next video will cover the new global variables, as well as custom styles and templates, since I’ve noticed more and more questions on these topics.

And if you are interested I've opened a Subreddit for Bubble Card where I post my progress on the project. Here it is:

🍻

Bubble Card v2.3.0-beta.6

Bubble Card 2

v2.3.0-beta.6

Hi everyone!

We’re getting closer to the final v2.3.0 release, and this beta is here to fix the last few details!

This update should fix the remaining issues with the climate card 🤞 I’ve also worked a bit more on optimizing the editor, it can still slow down on dashboards with many pop-ups, but it should now run smoother.

Here’s what’s new:

---

💡 New Features

• New toggle in the editor for sub-button background color:
  You can now enable or disable sub-button background colors based on the light color in the editor. You can use light_background: false in YAML.

  

---

✔️ Bug Fixes and Optimizations

• Fixed multiple temperatures issue: Fixed a problem where the climate card incorrectly displayed multiple temperatures. #917
• Climate card color behavior: The climate card color now only changes when it is really cooling or heating.
• Support for fan preset modes: Resolved a problem where fan preset_modes in a select card/sub-button did not correctly set the preset. #920
• Improved editor performance: The editor should be faster on some setups and browsers.

---

I can't wait for your feedback as always!

Oh, and one more thing! I’ve been wanting to start my own YouTube channel for a while, focusing on tutorials around Home Assistant and Bubble Card. There are two videos so far, an introduction explaining the project and a first tutorial on how to create your first pop-up. I really hope you will enjoy them. Don’t hesitate to subscribe to help give my channel more visibility. Thank you in advance!

The next video will cover the new global variables, as well as custom styles and templates, since I’ve noticed more and more questions on these topics.

And if you are interested I've opened a Subreddit for Bubble Card where I post my progress on the project. Here it is:

🍻

Bubble Card v2.3.0-beta.5

Bubble Card 2

v2.3.0-beta.5

Hi everyone!

It took me a while, but I’m back with what I hope is the last v2.3.0 beta! 🤞

I’ve made a lot of improvements to the climate card, fixed many pop-up issues, and added some important bug fixes and optimizations. This release is very stable and should run even more smoothly on some setups. I really hope this is the one!

And a huge thank you to all the beta testers for your feedback and support on this major release!

Here are all the details:

---

💡 New Features

• New compact climate card design: The climate card now features a more compact design, removing the temperature sub-button.

  ⚠️ Important: If you have existing climate cards from the previous betas, open them individually in the editor to automatically remove the previous temperature sub-button. Don’t forget to save each card afterward.

  

• Full support for low/high target temperature: The climate card now fully supports entities with target_temp_low and target_temp_high attributes. #877 (Edit: There is still an issue)

  

• Dynamic color in heat/cool mode: In heat_cool mode, the climate card's color now changes dynamically to reflect whether it's heating or cooling. #863

✔️ Bug Fixes and Optimizations

• No actions on scroll: Actions are now correctly prevented from triggering when scrolling. #892 and #839

• Resolved scrolling issue: Fixed an issue that sometimes made scrolling impossible, particularly in the editor.

• Accent color variable for media player: Added the missing bubble-accent-color variable to the play/pause button in the media player.

• Updated climate CSS variables: The climate card CSS variables are now correct. #908 Thanks to @flobiwankenobi!

• Underscore removed in select lists: Removed underscores from select menu lists. #890

• Fixed pop-up display: Resolved issues where some pop-ups were not displaying at all, or only after leaving the editor or changing views. #821

• Additional pop-up fixes: Addressed other pop-up issues, including console errors. #840 and #791

• Cover control buttons: The open/close buttons for covers are now correctly disabled when they should be. #788

• Thermostat/Fan sliders: Fixed slider functionality for controlling climate and fan entities. #849, #838, and #768

• New pop-up background element: Introduced a new separated element for the pop-up background. #895

  ⚠️ Important: This is a breaking change for users with custom styles that are modifying the pop-up background.

  

---

I can't wait for your feedback as always!

Oh, and one more thing! I’ve been wanting to start my own YouTube channel for a while, focusing on tutorials around Home Assistant and Bubble Card. There are two videos so far, an introduction explaining the project and a first tutorial on how to create your first pop-up. I really hope you will enjoy them. Don’t hesitate to subscribe to help give my channel more visibility. Thank you in advance!

The next video will cover the new global variables, as well as custom styles and templates, since I’ve noticed more and more questions on these topics.

And if you are interested I've opened a Subreddit for Bubble Card where I post my progress on the project. Here it is:

🍻

Bubble Card v2.3.0-beta.4

Bubble Card 2

v2.3.0-beta.4

Hi everyone!

In this new beta, I focused mainly on bug fixes for the new climate card, but I also took some time to optimize the pop-ups, yes... again. They should feel even faster and smoother on some setups! Please also note that this release bring a small breaking change, here are all the details.

---

⚠️ Breaking change

• Pop-up blurred backdrop: The blurred backdrop behind the pop-ups is now disabled by default. This change improves performance, as the blur effect can slow down pop-ups on some devices. If you'd like to re-enable it, go to the editor, select the first pop-up on your view, and navigate to Styling options > Pop-up styling.

  

💡 New Features

• Climate card extended support (Experimental): The climate card now supports devices without a temperature attribute (like the Bosch BTH-RM230Z). If you have already created a card for this type of entity, delete it then create a new one. This is purely experimental, as I don’t have access to such a device for my tests. #877

✔️ Bug Fixes and Optimizations

• Climate card large layout: Resolved an issue with the "Large layout 2 rows" display in the climate card.
• Smoother pop-up animations: Enhanced pop-up animations for a more fluid experience on some setups.
• Faster and reliable pop-ups: Improved speed and reliability of pop-ups on some setups (Yes again).
• Unexpected shadows in pop-up corners: Fixed a the black shadows in the top left and right corners of the pop-up background. #879
• Missing point in displayed state: Added missing point • when "State" is hidden but "Attribute" and "Last changed" are visible. #872 Thank you @tiagof!
• Hold action: Hold action should now functioning as expected.
• Capitalization in selection lists: Fixed an issue where only the first letter in a select menu was capitalized. #869 and #866
• Climate card minus/plus buttons issue: The controls should now works correctly in all cases within the climate card.
• Climate slider error: Resolved the "expected float" error in the climate slider.
• Fan slider issue: Fixed a bug with the fan sliders, they were not working anymore. #838
• Climate card missing colors: Added the missing colors for "Dry" and "Heat/Cool" modes in the climate card. #863
• Pop-up dev console error: The Uncaught (in promise) TypeError: Cannot read properties of null (reading 'classList') appearing in the browser console should be now fixed. #791 and #837

---

I can't wait for your feedback as always!

Oh, and one more thing! I’ve been wanting to start my own YouTube channel for a while, focusing on tutorials around Home Assistant and Bubble Card. There are two videos so far, an introduction explaining the project and a first tutorial on how to create your first pop-up. I really hope you will enjoy them. Don’t hesitate to subscribe to help give my channel more visibility. Thank you in advance!

The next video will cover the new global variables, as well as custom styles and templates, since I’ve noticed more and more questions on these topics.

And if you are interested I've opened a Subreddit for Bubble Card where I post my progress on the project. Here it is:

🍻