Custom:button-card default icon color not same on all buttons in a grid

Configuration
1

Hi guys

I think I found a bug but I’ll post here first. The default icon color is not the same across my custom button cards. It seems to change according to the group I use. I swapped only the group entity and the icon changed. Very strange.

The entity group with the incorrect icon color is Blinds, the one with the correct icon color is Lights and Sensors, please see my groups.yaml:

# Light group
light:
  name: Lights
  entities:
    - light.bad_bad_lys_145
    - light.gang_gang_lys_31
    - light.kjokken_kjokken_nedlys_61
    - light.kjokken_kjokken_spot_44
    - light.soverom_soverom_lys_56
    - light.stue_sofa_lys_36
    - light.stue_tv_lys_11

# Blinds and curtain group
cover:
  name: Blinds
  entities:
    - cover.soverom_gardin_163
    - cover.stue_rullegardin_stue_1_76
    - cover.stue_rullegardin_stue_2_73
    - cover.stue_rullegardin_veranda_70
    - cover.stue_rullegardin_kjokken_67

# Door and Window sensor group
binary_sensor:
  name: Sensors
  entities:
    - binary_sensor.gang_dor_167
    - binary_sensor.soverom_vindu_171
    - binary_sensor.stue_dor_139
    - binary_sensor.kjokken_vindu_169

Here is my card grid yaml:

square: false
columns: 3
type: grid
cards:
  - type: custom:button-card
    state:
      - value: 'on'
        color: yellow
        icon: mdi:lightbulb-group
      - value: 'off'
        icon: mdi:lightbulb-group
    tap_action:
      action: navigate
      navigation_path: lights
    styles:
      card:
        - height: 100px
    entity: group.light
    name: Lights<br>‎
  - type: custom:button-card
    state:
      - value: open
        color: yellow
        icon: mdi:roller-shade
      - value: closed
        icon: mdi:roller-shade-closed
    tap_action:
      action: navigate
      navigation_path: blinds
    styles:
      card:
        - height: 100px
    entity: group.cover
    name: Blinds and<br>curtains
  - type: custom:button-card
    state:
      - value: 'on'
        color: red
        icon: mdi:door-open
        styles:
          icon:
            - animation: blink 2s infinite
      - value: 'off'
        icon: mdi:door-closed
    tap_action:
      action: navigate
      navigation_path: sensor
    styles:
      card:
        - height: 100px
    entity: group.binary_sensor
    name: Doors and<br>windows

Here are screenshots:

Screenshot_20220905-161537_Home Assistant~2
Screenshot_20220905-161537_Home Assistant~21440×420 38.5 KB

Screenshot_20220905-161700_Chrome~2
Screenshot_20220905-161700_Chrome~21440×503 48.6 KB

One is on dark background, one is on light background. The blinds icon in the middle is white and black instead of grey and dark blue.

Could it be because Blinds group are open/closed while the Lights and Sensor groups are on/off?

Thanks

2

Hi, did you figure this out? I have the same issue. Trying to set colors for different states but can’t seem to set a color for states other then on or off.

3

Same issue here, button colour dependent on the entity status - can’t seem to override it with:

styles:
  icon:
    - color: red
2 Likes
4

I second this. Can’t change color like that.

1 Like