Great idea, subscribed. My initial contribution:
Light card (single light) with scene selection:
Code
type: custom:layout-card
layout_type: custom:vertical-layout
layout: {}
cards:
- type: custom:layout-card
layout_type: custom:grid-layout
layout:
grid-template-columns: 90% 10%
cards:
- type: custom:mushroom-light-card
entity: light.buro
show_brightness_control: true
show_color_control: true
use_light_color: true
card_mod:
style: |
ha-card {
box-shadow: none;
}
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: action
icon_color: amber
tap_action:
action: call-service
service: scene.turn_on
data: {}
target:
entity_id: scene.buro_entspannen
icon: mdi:lightbulb
card_mod:
style: |
ha-card {
--chip-background: rgba(var(--rgb-amber), 0.2);
}
- type: custom:mushroom-chips-card
chips:
- type: action
icon_color: orange
icon: mdi:lightbulb
tap_action:
action: call-service
service: scene.turn_on
data: {}
target:
entity_id: scene.buro_sonnenuntergang
card_mod:
style: |
ha-card {
--chip-background: rgba(var(--rgb-orange), 0.2);
}
- type: custom:mushroom-chips-card
chips:
- type: action
icon_color: pink
icon: mdi:lightbulb
tap_action:
action: call-service
service: scene.turn_on
data: {}
target:
entity_id: scene.buro_vapor_wave
card_mod:
style: |
ha-card {
--chip-background: rgba(var(--rgb-pink), 0.2);
}
Light card (multiple lights, collapsable) with scene selection:
Code
type: custom:layout-card
layout_type: custom:vertical-layout
layout: {}
cards:
- type: custom:stack-in-card
cards:
- type: custom:layout-card
layout_type: custom:grid-layout
layout:
grid-template-columns: 90% 10%
cards:
- type: custom:fold-entity-row
open: false
head:
type: custom:mushroom-light-card
entity: light.schlafzimmer
icon: mdi:bed
style: |
ha-card {
box-shadow: none;
}
group_config:
show_brightness_control: true
show_color_temp_control: true
show_color_control: true
use_light_color: true
hide_state: true
collapsible_controls: true
entities:
- type: custom:mushroom-light-card
entity: light.sz_strip
name: Schrank
icon: phu:light-strip
- type: custom:mushroom-light-card
entity: light.sz_decke
name: Decke
icon: mdi:ceiling-light
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: action
icon_color: orange
tap_action:
action: call-service
service: scene.turn_on
data: {}
target:
entity_id: scene.buro_entspannen
icon: mdi:lightbulb
card_mod:
style: |
ha-card {
--chip-background: rgba(var(--rgb-orange), 0.2);
}
- type: custom:mushroom-chips-card
chips:
- type: action
icon_color: white
icon: mdi:lightbulb
tap_action:
action: call-service
service: scene.turn_on
data: {}
target:
entity_id: scene.buro_sonnenuntergang
card_mod:
style: |
ha-card {
--chip-background: rgba(var(--rgb-white), 0.2);
}