- type: custom:mod-card style: layout-card: $: horizontal-layout: $: .: | #columns { margin: 0 20px; grid-gap: 20px; } card: type: custom:layout-card layout_type: custom:horizontal-layout layout: max_cols: 3 cards: - type: vertical-stack title: Living room cards: - type: horizontal-stack cards: - type: custom:button-card template: default entity: light.living_room name: Living room - type: custom:button-card template: default entity: light.living_room_main name: Main - type: custom:button-card template: default entity: light.pc name: PC - type: custom:button-card template: default entity: light.living_room_ambient name: Ambient - type: vertical-stack cards: - type: custom:button-card template: half entity: light.living_room_ambient_main name: Main - type: custom:button-card template: half entity: light.light_avatar_small_1 name: Secondary styles: card: - height: 46px - type: horizontal-stack cards: - type: custom:button-card template: [small, scene] entity: scene.living_room_ambient_neon name: Neon variables: scene_color_1: rgb(255, 0, 190) scene_color_2: rgb(0, 255, 190) - type: custom:button-card template: [small, scene] entity: scene.living_room_ambient_default name: Regular variables: scene_color_1: rgb(254, 255, 209) - type: horizontal-stack title: Devices cards: - type: custom:button-card template: [default, cover] entity: cover.living_room name: Cover tap_action: action: call-service service: script.toggle_living_room_cover - type: custom:button-card template: radiator_button entity: climate.living_room_radiator_mode - type: custom:button-card template: ac_button - type: horizontal-stack cards: - type: custom:button-card template: default entity: media_player.living_room_tv name: TV icon: mdi:television tap_action: action: toggle state: - value: 'playing' styles: &on_styles card: - background-color: var(--primary-color) - color: black icon: - color: black - value: 'standby' styles: *on_styles - value: 'on' styles: *on_styles - value: 'home' styles: *on_styles - value: 'idle' styles: *on_styles - type: custom:button-card template: [default, with_state_indicator] entity: switch.titanium variables: state_indicator_id: automation.titanium_turn_off_when_idle - type: custom:button-card template: default entity: binary_sensor.pi_hole_enabled name: Pi-Hole icon: mdi:pi-hole - type: custom:button-card template: [regular, progress] entity: sensor.desk_outlet_power name: Desk power variables: min_value: 1 max_value: 800 normal_value: 100 high_value: 300 - type: vertical-stack cards: - type: custom:decluttering-card template: media_with_controls variables: - player: media_player.living_room - player_name: Living room - type: vertical-stack title: Camera cards: - type: picture-glance camera_image: camera.mercury_amcrest_1 entities: [] - type: vertical-stack title: Sensors cards: - type: horizontal-stack cards: - type: custom:button-card template: default entity: binary_sensor.living_room_right_window name: Window - type: custom:button-card template: default entity: binary_sensor.multisensor_motion name: Door - type: custom:button-card template: [default, with_state_indicator] entity: group.hallway_motion name: Hallway variables: state_indicator_id: automation.lighting_hallway_motion_on - type: custom:decluttering-card template: climate_card variables: - title: "Climate" - main_entity: sensor.multisensor_6_temperature - left_entity: sensor.multisensor_6_relative_humidity - left_name: Humidity (6) - right_entity: sensor.multisensor_6_luminance - right_name: Luminance (6) - type: custom:button-card template: [regular, progress] entity: sensor.living_room_radiator_temperature name: Radiator temperature