All I want do to is change the title of this section (Lights) to a different color and I can’t figure it out. Any help is appreciated.
Here’s what it looks like now:
My code:
- square: true
type: grid
cards:
- type: custom:button-card
template:
- circle
- light
entity: light.family_room_lights
name: Family Room Lights
icon: mdi:sofa-outline
size: 80%
show_state: true
aspect_ratio: 1/1
- type: custom:button-card
template:
- circle
- light
entity: light.kitchen_lights
name: Kitchen Lights
icon: mdi:fridge-outline
size: 80%
show_state: true
aspect_ratio: 1/1
- type: custom:button-card
template:
- circle
- light
entity: light.media_room_lights
name: Media Room Lights
icon: mdi:video-vintage
size: 80%
show_state: true
aspect_ratio: 1/1
- type: custom:button-card
template:
- circle
- light
entity: light.fan_lights
name: Rebecca's Office
icon: mdi:ceiling-fan-light
size: 80%
show_state: true
aspect_ratio: 1/1
- type: custom:button-card
template:
- light
entity: light.office_light
name: Office Light
icon: mdi:chair-rolling
size: 80%
show_state: true
aspect_ratio: 1/1
- type: custom:button-card
template:
- circle
- light
entity: light.master_bedroom
name: Bedroom Lights
icon: mdi:bed-king-outline
size: 80%
show_state: true
aspect_ratio: 1/1
- type: custom:button-card
template:
- circle
- light
entity: light.bathroom_switch
name: Bathroom Lights
icon: mdi:bathtub-outline
size: 80%
show_state: true
aspect_ratio: 1/1
- type: custom:button-card
template:
- circle
- light
entity: light.master_closet
name: Closet Light
icon: mdi:door
size: 80%
show_state: true
aspect_ratio: 1/1
columns: 4
title: Lights
view_layout:
grid-area: lights
