Hi Cloos, any chance you can seperate switch and light entities colours.
For me I want to assign different colour at theme level for switch and light.
Even in theme if this would be possible
.is-light and entity is type light or switch?
Hi! Have you tried with bubble-light-color in your theme?
This should be possible although I’m very curious what you’re planning to do.
Also somewhat more advanced.
This should add something to a sub-button:
.newDIV{
color: pink !important;
font-weight: bold !important;
border-radius: 9px;
background: #73AD21;
padding: 6px;
margin: 2px;
}
${(() => {
if(card.querySelector('.newDIV') === null)
{
//clearing all children
card.querySelector('.bubble-sub-button-1').innerHTML = ''
//adding new child
const node = document.createElement("div");
node.classList.add("newDIV");
node.innerHTML = "test";
card.querySelector('.bubble-sub-button-1').appendChild(node);
}
})()}
2 Likes
I would like to make a bubble-card where I have animated progressbar in the .bubble-status div, which would require some extra HTML and styling inside that element. 
And I think your code is going to make that possible. Thank you!
I’m going to fiddle a bit with that piece of code.
1 Like
Looks nice… When succesfull please make an example on github:
In this way others can benefit from your question/work.
If you don’t have a github account. You can post it here and then I will make the post.
thanks, I think I’m this close.
with bubble-light-color: 'rgba(0, 219, 88, 1)', I’m able to change the light color but then it also changes the slider light color as well.
This should be fine if slider is just a simple light. In this case even when I assigned it a new color, the bubble slider color is not changed.
previously I was trying the following and didn’t know it could have have been simpler
.is-light.is-on .bubble-button-background {
background-color: rgba(0, 219, 88, 1); #COLOR OF LIGHTS
}
.is-light.is-on .bubble-range-fill {
opacity: 1;
background-color: rgba(255 , 0, 255, 1) !important; #FOR SLIDER COLOR
}
Great progress thank-you. For the media card may I ask if you intend adding up/down buttons (similar to previous next buttons that exist) - I’m using for (smart) tv control & whilst the prev / next buttons do change the tv channels up / down they are the wrong button images (visually) for changing channels on media players that support such functions (like TV or set top box). Cheers
I’m finding the icon gets in the way of using a slider to control light brightness in the low (1-10%) range. For this reason, I’d like to move the icon outside of the slider. I want to keep it for the toggle control. Any way to do this? Alternately, is there a better solution?
Hello,
I’ve noticed that in 2.3.0-beta8, the light color no longer fades when the state changes (light gets turned off or on)
Is this a bug or is this intended? and if it is intentional, how can i add it back?
beta7:
beta8:
Hi! This is definitely a bug, I will fix that for the next release!
1 Like
Hi! You can do that by adding sub-buttons to it, then change the tap actions to “Call service” with everything you need 
Fantastic work Cloos!
I’m using 2.3.0 beta 8 and I’m noticing the issues with the Select card.
When creating the card switch between a few of the different entities offered. Some, mostly select work, and the preview updates, and works. If i select my climate card for example though it doesn’t update the preview, or shows an error (you need to define an entity).
If you save the card, despite the error I’m noticing intermittently that the section blanks out entirely and any previously setup cards are gone.
Should this be filtered to input_select / select entities only?
Oh I thought that I had set a filter on that card! But since this card now supports attribute lists I should indeed allow to pick a climate card. I will check that 
Thank you for the feedback!
Edit: It works! But there is indeed an issue in the editor, try this in YAML:
type: custom:bubble-card
card_type: select
entity: climate.t6_pro
select_attribute: hvac_modes
Edit 2: This is fixed on my side, just wait for the next release now
1 Like
Hi Guys, @Cloos
I have a select list as sub button in climate card for my airco. However the selection only updates whenever I reload the HA page. Should this not autmaically change whenever the state of the selection list changes? So I have fan selections auto, Low, Medium and High. If I change the fan mode to high through the aircon entity, the list keeps showing for example low. I I check the template in another Button Card it shos High. Why is this not changing in Bubble card as well?
Thanks.
@cloos - amazing!
One feature that is missing in all add-on and native cards is support for input_text.
You do a great job with ‘select’ and ‘input_select’. any chance you could create an input_text version?
Identical to the select version, except the secondary line would be a small input field, if name was present, and a big input field if it wasn’t.
The right side icons would be an optional ‘x’ button to clear the text and an optional check button to do something (tap action) with the text.
With this feature, you would be the only card that didn’t have a butt ugly text input.
For bonus points, don’t require an entity at all and give the text to the check button, for the user to send it wherever they wanted.
In the snip below you see what 80 lines of yaml can do (imperfect and still ugly) vs your amazing select.
Hi! Can you open an issue on GitHub with the more details you can? This is definitely a bug that I need to fix.
I will definitely work on that at some point, but my to-do list is huge so I really don’t know when.
Can we have a look at your todo list? Perhaps there are more people (including me) who are willing to help and supply some patches at GitHub? (Or contribute some money to cover the time that you are working on it…)
1 Like
Here it is, there are some missing things, mostly from the feature request section on GitHub, and I also have a lot of old issues that still needs to be fixed. But indeed, any contribution on the project is more than welcome, it’s not easy to manage that many cards just by myself, even if I’m quite proud of what I’ve accomplished here.
- Cover layout is different from other type of cards (fix by adding an « old layout »?)
- Possibility to remove the stop button on cover
- Can’t target/resetting Areas/Area ID’s with Sub Buttons #584
- Centered pop-up layout #603
- Missing lock icons
- Fixed footer/header card that allow to add cards in it
- Timer entity support
- Reworking the horizontal buttons stack
- Possibility to create a pop-up based on section instead of a vertical stack?
- Jinja templates
- Color picker for cards?
- Template texts are not scrolling
- Slider sub-button (also a color slider?)
- Ability to disable haptic feedbacks
- Option for conditional sub-buttons visiblity
- Square card layout
- Larger layout with sub-buttons below the icon/name/state
- Adding a Home Assistant layout similar to the default one
- Text input card
- More cards…
6 Likes
Hey Cloos!
Tons of thanks for your work! Love it!
One question. Is this a prioritized list?
I’m personally very interested in square layout cards, but given the place in your list, we should expect it in version 2.5 at least. Am I right?