Hi All,
I’m attempting to edit the colors of these Mushroom sliders, without using cardmod. Supposedly, there’s a way to do this by adding the specifc name of the color variable directly into config.yaml, and defining it there- but I’m having a hard time tracking down exactly how to find and place the right variables. Thanks in advance!
I did a dumb and forgot these were bubble cards…
If anyone else finds this, I’m having success with the following:
*Note that different elements need to be referenced for sliders vs buttons. See official styling documentation for more details.
type: horizontal-stack
cards:
- type: custom:bubble-card
card_type: button
entity: light.living_room_accent_lights_2
button_type: slider
name: Accent
icon: mdi:light-flood-up
tap_action:
action: toggle
scrolling_effect: true
show_icon: true
force_icon: false
show_name: true
show_state: false
show_last_changed: false
show_attribute: true
attribute: color_temp_kelvin
styles: |-
.bubble-range-fill {
background: rgba(47, 196, 169, 0.75) !important;
opacity: 1 !important;
}
.bubble-icon {
color: white !important;
}
.bubble-icon-container {
background: black !important;
}
- type: custom:bubble-card
card_type: button
entity: input_boolean.permit_living_room_lights
button_type: switch
icon: mdi:motion-sensor
tap_action:
action: toggle
name: Motion
styles: |2-
.bubble-button-background {
opacity: 1 !important;
background-color: ${state === 'on' ? 'rgba(100, 100, 180,0.75)' : 'rgba(0,0,0,1)'} !important;
}