I’m using a vertical stack with the button-card and trying to figure out how to just change the icon and lettering to another color. I only added code to the first light ‘Shawn Light’ to test it out, but i’m assuming its the color of the card.
I tested it out with just one button card and it works, but the background of the card is white so I haven’t found anything in searches to fix this. Any ideas?
type: vertical-stack
cards:
- type: 'custom:button-card'
color_type: label-card
color: 'rgb(80,80,80)'
name: Lights
- type: horizontal-stack
cards:
- type: 'custom:button-card'
entity: switch.shawn_light
color_type: card
color: 'rgb(80,80,80)'
icon: 'mdi:lightbulb'
state:
- value: 'off'
color: 'rgb(80,80,80)'
- value: 'on'
color: 'rgb(246, 255, 0)'
icon: 'mdi:lightbulb-on'
- type: 'custom:button-card'
entity: switch.bat_cave
color_type: card
color: 'rgb(80,80,80)'
icon: 'mdi:bat'
state:
- value: 'off'
color: 'rgb(80,80,80)'
- type: 'custom:button-card'
entity: switch.fan
color_type: card
color: 'rgb(80,80,80)'
icon: 'mdi:fan'
state:
- value: 'off'
color: 'rgb(80,80,80)'
- type: 'custom:button-card'
entity: switch.light
color_type: card
color: 'rgb(80,80,80)'
icon: 'mdi:lightbulb-group'
state:
- value: 'off'
color: 'rgb(80,80,80)'
- type: 'custom:button-card'
entity: switch.dining
color_type: card
color: 'rgb(80,80,80)'
icon: 'mdi:lightbulb'
state:
- value: 'off'
color: 'rgb(80,80,80)'
This works:
type: 'custom:button-card'
entity: switch.shawn_light
icon: 'mdi:lightbulb'
color: 'rgb(246, 255, 0)'
state:
- value: 'off'
color: 'rgb(255, 0, 0)'
icon: 'mdi:lightbulb-on'