No scroll dashboard

Smart home dashboards are a thing of their own, especially for those of us using Home Assistant or Apple Homekit. And whilst the latter does not offer much flexibility, the former offers endless customisation. That will be our focus! Today we will review a perfect-sized Home Assistant dashboard for your smartphone with everything you need available at a glance and zero scrolling involved on the home screen

SUBSCRIBE and check your good deeds box for today!
https://www.youtube.com/@brenvelm

YAML config:
square: false

columns: 1

type: grid

cards:

- square: false

columns: 6

type: grid

cards:

- type: custom:mushroom-template-card

primary: ''

secondary: ''

icon: |-

{% set state=states('binary_sensor.windows') %}

{% if state=='on' %}

mdi:window-open

{% elif state=='off' %}

mdi:window-closed

{% else %}

mdi:window-closed

{% endif %}

icon_color: |-

{% set state=states('binary_sensor.windows') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

tap_action:

action: more-info

entity: binary_sensor.windows

picture: ''

card_mod:

style: |

ha-card {

margin: 25px 10px 5px 0px;

border-width: 0;

background: none;

}

- type: custom:mushroom-template-card

primary: ''

secondary: ''

icon: |-

{% set state=states('binary_sensor.smart_co_alarm') %}

{% if state=='on' %}

mdi:alert

{% elif state=='off' %}

mdi:check-circle-outline

{% else %}

mdi:check-circle-outline

{% endif %}

icon_color: |-

{% set state=states('binary_sensor.smart_co_alarm') %}

{% if state=='on' %}

red

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

tap_action:

action: more-info

entity: binary_sensor.smart_co_alarm

picture: ''

card_mod:

style: |

ha-card {

margin: 25px 10px 5px 0px;

border-width: 0;

background: none;

}

- type: custom:mushroom-template-card

icon_color: |-

{% set state=states('device_tracker.w_iphone_15_pro') %}

{% if state=='home' %}

green

{% elif state=='away' %}

grey

{% else %}

grey

{% endif %}

icon: |-

{% set state=states('device_tracker.w_iphone_15_pro') %}

{% if state=='home' %}

mdi:face-man

{% elif state=='away' %}

mdi:face-man

{% else %}

mdi:face-man

{% endif %}

tap_action:

action: more-info

secondary: ''

picture: ''

primary: ''

entity: device_tracker.w_iphone_15_pro

card_mod:

style: |

ha-card {

margin: 25px 10px -5px 0px;

border-width: 0;

background: none;

}

- type: custom:mushroom-template-card

icon_color: |-

{% set state=states('device_tracker.devices_queen_iphone_personal') %}

{% if state=='home' %}

green

{% elif state=='away' %}

grey

{% else %}

grey

{% endif %}

icon: |-

{% set state=states('device_tracker.devices_queen_iphone_personal') %}

{% if state=='home' %}

mdi:face-woman

{% elif state=='away' %}

mdi:face-woman

{% else %}

mdi:face-woman

{% endif %}

tap_action:

action: more-info

entity: device_tracker.devices_queen_iphone_personal

secondary: ''

picture: ''

card_mod:

style: |

ha-card {

margin: 25px 10px -5px 0px;

border-width: 0;

background: none;

}

- type: custom:mushroom-template-card

primary: ''

secondary: ''

icon: >-

{% set state=states('binary_sensor.nest_protect_lounge_smoke_status')

{% if state=='on' %}

mdi:smoke-detector-alert

{% elif state=='off' %}

mdi:smoke-detector-off-outline

{% else %}

mdi:smoke-detector-off-outline

{% endif %}

icon_color: >-

{% set state=states('binary_sensor.nest_protect_lounge_smoke_status')

{% if state=='on' %}

red

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

tap_action:

action: more-info

entity: binary_sensor.nest_protect_lounge_smoke_status

picture: ''

card_mod:

style: |

ha-card {

margin: 25px 10px 5px 0px;

border-width: 0;

background: none;

}

- type: custom:mushroom-template-card

primary: ''

secondary: ''

icon: |-

{% set state=states('binary_sensor.doors') %}

{% if state=='on' %}

mdi:door-sliding-open

{% elif state=='off' %}

mdi:door-sliding

{% else %}

mdi:door-sliding

{% endif %}

icon_color: |-

{% set state=states('binary_sensor.doors') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

tap_action:

action: more-info

entity: binary_sensor.doors

picture: ''

card_mod:

style: |

ha-card {

margin: 25px 10px 5px 0px;

border-width: 0;

background: none;

}

card_mod:

style: |

ha-card {

padding-bottom: 0px;

border-width: 0;

background: none;

}

- square: false

columns: 2

type: grid

cards:

- type: custom:vertical-stack-in-card

cards:

- type: custom:mushroom-template-card

primary: Mommy

secondary: >-

🌡️{{ states("sensor.queen_thsensor_t") | round(1) }}° 💧{{

states("sensor.queen_thsensor_h") | round(0) }}%

icon: mdi:chess-queen

entity: light.queen_bulb_ceiling

icon_color: red

tap_action:

action: navigate

navigation_path: masterbed

hold_action:

action: toggle

picture: /local/queen.jpg

card_mod:

style: |

ha-card {

margin: 5px 10px 0px 0px;

}

- type: custom:mushroom-chips-card

chips:

- type: template

icon: |-

{% set state=states('light.queen_bulb_ceiling') %}

{% if state=='on' %}

mdi:lightbulb

{% elif state=='off' %}

mdi:lightbulb-outline

{% else %}

mdi:lightbulb-outline

{% endif %}

icon_color: |-

{% set state=states('light.queen_bulb_ceiling') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: light.queen_bulb_ceiling

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

icon: |-

{% set state=states('light.main_bathroom') %}

{% if state=='on' %}

mdi:shower-head

{% elif state=='off' %}

mdi:shower-head

{% else %}

mdi:shower-head

{% endif %}

icon_color: |-

{% set state=states('light.main_bathroom') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: light.main_bathroom

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

icon: |-

{% set state=states('switch.sockets_queen') %}

{% if state=='on' %}

mdi:power-socket-uk

{% elif state=='off' %}

mdi:power-socket-uk

{% else %}

mdi:power-socket-uk

{% endif %}

icon_color: |-

{% set state=states('switch.sockets_queen') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: switch.sockets_queen

tap_action:

action: toggle

hold_action:

action: more-info

content: ''

- type: template

entity: binary_sensor.queen_window

icon_color: |-

{% set state=states('binary_sensor.queen_window') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

icon: |-

{% set state=states('binary_sensor.queen_window') %}

{% if state=='on' %}

mdi:window-open

{% elif state=='off' %}

mdi:window-closed

{% else %}

mdi:window-shutter-alert

{% endif %}

tap_action:

action: more-info

alignment: center

card_mod:

style: |

ha-card {

--chip-box-shadow: none;

--chip-border-radius: 15px;

--chip-height: 40px;

--chip-padding: 10px;

--chip-background: none;

--chip-border-width: 0;

--chip-spacing: 3px

}

card_mod:

style: |

ha-card {

border: 0.9px grey solid !important;

}

- type: custom:vertical-stack-in-card

cards:

- type: custom:mushroom-template-card

primary: Daddy

secondary: >-

🌡️{{ states("sensor.king_thsensor_t") | round(1) }}° 💧{{

states("sensor.king_thsensor_h") | round(0) }}%

icon: mdi:chess-king

entity: light.king_bulb_ceiling

icon_color: blue

tap_action:

action: navigate

navigation_path: bedroom

hold_action:

action: toggle

picture: /local/king.jpg

card_mod:

style: |

ha-card {

margin: 5px 10px 0px 0px;

border-width: 2px

border-color: #000000

}

- type: custom:mushroom-chips-card

chips:

- type: template

icon: |-

{% set state=states('light.king_bulb_ceiling') %}

{% if state=='on' %}

mdi:lightbulb

{% elif state=='off' %}

mdi:lightbulb-outline

{% else %}

mdi:lightbulb-outline

{% endif %}

icon_color: |-

{% set state=states('light.king_bulb_ceiling') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: light.king_bulb_ceiling

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

icon: |-

{% set state=states('switch.sockets_king') %}

{% if state=='on' %}

mdi:power-socket-uk

{% elif state=='off' %}

mdi:power-socket-uk

{% else %}

mdi:power-socket-uk

{% endif %}

icon_color: |-

{% set state=states('switch.sockets_king') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: switch.sockets_king

tap_action:

action: toggle

hold_action:

action: more-info

content: ''

- type: template

icon: |-

{% set state=states('media_player.lg_49') %}

{% if state=='on' %}

mdi:television-classic

{% elif state=='off' %}

mdi:television-classic-off

{% else %}

mdi:television-classic-off

{% endif %}

icon_color: |-

{% set state=states('media_player.lg_49') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

grey

{% endif %}

entity: media_player.lg_49

tap_action:

action: more-info

- type: template

entity: binary_sensor.king_window

icon_color: |-

{% set state=states('binary_sensor.king_window') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

grey

{% endif %}

icon: |-

{% set state=states('binary_sensor.king_window') %}

{% if state=='on' %}

mdi:window-open

{% elif state=='off' %}

mdi:window-closed

{% else %}

mdi:window-closed

{% endif %}

tap_action:

action: more-info

alignment: center

card_mod:

style: |

ha-card {

margin: 0px 0px 0px 0px;

--chip-box-shadow: none;

--chip-border-radius: 15px;

--chip-height: 40px;

--chip-padding: 10px;

--chip-background: none;

--chip-border-width: 0;

--chip-spacing: 3px

}

card_mod:

style: |

ha-card {

border: 0.9px grey solid !important;

}

- type: custom:vertical-stack-in-card

cards:

- type: custom:mushroom-template-card

primary: Princess

secondary: >-

🌡️{{ states("sensor.princess_thsensor_t") | round(1) }}° 💧{{

states("sensor.princess_thsensor_h") | round(0) }}%

icon: mdi:flower-poppy

entity: light.princess_bulb_ceiling

icon_color: pink

tap_action:

action: navigate

navigation_path: princess-room

hold_action:

action: toggle

picture: /local/princessa.jpg

card_mod:

style: |

ha-card {

margin: 5px 10px 0px 0px;

border-width: 2px

border-color: #000000

}

- type: custom:mushroom-chips-card

chips:

- type: template

icon: |-

{% set state=states('light.princess_bulb_ceiling') %}

{% if state=='on' %}

mdi:lightbulb

{% elif state=='off' %}

mdi:lightbulb-outline

{% else %}

mdi:lightbulb-off-outline

{% endif %}

icon_color: |-

{% set state=states('light.princess_bulb_ceiling') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: light.princess_bulb_ceiling

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

entity: light.princess_led

icon_color: |-

{% set state=states('light.princess_led') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

icon: |-

{% set state=states('light.princess_led') %}

{% if state=='on' %}

mdi:led-strip

{% elif state=='off' %}

mdi:led-strip

{% else %}

mdi:led-strip

{% endif %}

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

icon: |-

{% set state=states('switch.sockets_princess') %}

{% if state=='on' %}

mdi:power-socket-uk

{% elif state=='off' %}

mdi:power-socket-uk

{% else %}

mdi:power-socket-uk

{% endif %}

icon_color: |-

{% set state=states('switch.sockets_princess') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: switch.sockets_princess

tap_action:

action: toggle

hold_action:

action: more-info

content: ''

- type: template

entity: binary_sensor.princess_window

icon_color: |-

{% set state=states('binary_sensor.princess_window') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

grey

{% endif %}

icon: |-

{% set state=states('binary_sensor.princess_window') %}

{% if state=='on' %}

mdi:window-open

{% elif state=='off' %}

mdi:window-closed

{% else %}

mdi:window-closed

{% endif %}

tap_action:

action: more-info

alignment: center

card_mod:

style: |

ha-card {

--chip-box-shadow: none;

--chip-border-radius: 15px;

--chip-height: 40px;

--chip-padding: 10px;

--chip-background: none;

--chip-border-width: 0;

--chip-spacing: 3px

}

card_mod:

style: |

ha-card {

border: 0.9px grey solid !important;

}

- type: custom:vertical-stack-in-card

cards:

- type: custom:mushroom-template-card

primary: Professor

secondary: >-

🌡️{{ states("sensor.professor_thsensor_t") | round(1) }}° 💧{{

states("sensor.professor_thsensor_h") | round(0) }}%

icon: mdi:baby

entity: light.professor_bulb_lamp

icon_color: green

tap_action:

action: navigate

navigation_path: professor-room

hold_action:

action: toggle

picture: /local/professorial.jpg

card_mod:

style: |

ha-card {

margin: 5px 10px 0px 0px;

border-width: 2px

border-color: #000000

}

- type: custom:mushroom-chips-card

chips:

- type: template

entity: light.professor_ceiling

icon: |

{% set state=states('light.professor_ceiling') %}

{% if state=='on' %}

mdi:lightbulb

{% elif state=='off' %}

mdi:lightbulb-outline

{% else %}

mdi:lightbulb-off-outline

{% endif %}

icon_color: |-

{% set state=states('light.professor_ceiling') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

icon: |-

{% set state=states('switch.sockets_professor') %}

{% if state=='on' %}

mdi:power-socket-uk

{% elif state=='off' %}

mdi:power-socket-uk

{% else %}

mdi:power-socket-uk

{% endif %}

icon_color: |-

{% set state=states('switch.sockets_professor') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: switch.sockets_professor

tap_action:

action: toggle

hold_action:

action: more-info

content: ''

- type: template

icon: |-

{% set state=states('light.professor_bulb_lamp') %}

{% if state=='on' %}

mdi:lamp

{% elif state=='off' %}

mdi:lamp-outline

{% else %}

mdi:desk-lamp-off

{% endif %}

icon_color: |-

{% set state=states('light.professor_bulb_lamp') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: light.professor_bulb_lamp

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

entity: binary_sensor.professor_window

icon_color: |-

{% set state=states('binary_sensor.professor_window') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

grey

{% endif %}

icon: |-

{% set state=states('binary_sensor.professor_window') %}

{% if state=='on' %}

mdi:window-open

{% elif state=='off' %}

mdi:window-closed

{% else %}

mdi:window-closed

{% endif %}

tap_action:

action: more-info

alignment: center

card_mod:

style: |

ha-card {

--chip-box-shadow: none;

--chip-border-radius: 15px;

--chip-height: 40px;

--chip-padding: 10px;

--chip-background: none;

--chip-border-width: 0;

--chip-spacing: 3px

}

card_mod:

style: |

ha-card {

border: 0.9px grey solid !important;

}

- square: false

columns: 6

type: grid

cards:

- type: custom:mushroom-template-card

primary: ''

secondary: ''

icon: mdi:chart-bell-curve-cumulative

icon_color: '#33BEFF'

tap_action:

action: navigate

navigation_path: /dashboard-phone/sensors

picture: /local/chart.png

card_mod:

style: |

ha-card {

border-width: 0;

background: none;

}

- type: custom:mushroom-template-card

primary: ''

secondary: ''

icon: mdi:cctv

icon_color: '#33BEFF'

tap_action:

action: navigate

navigation_path: /dashboard-phone/security

picture: /local/cctv.png

card_mod:

style: |

ha-card {

border-width: 0;

background: none;

}

- type: custom:mushroom-template-card

primary: ''

secondary: ''

icon: mdi:lightbulb

icon_color: '#33BEFF'

tap_action:

action: navigate

navigation_path: /dashboard-phone/lighting

hold_action:

action: toggle

picture: /local/lightbulb.png

card_mod:

style: |

ha-card {

border-width: 0;

background: none;

}

- type: custom:mushroom-template-card

primary: ''

secondary: ''

icon: mdi:power-socket-uk

icon_color: '#33BEFF'

tap_action:

action: navigate

navigation_path: allsockets

hold_action:

action: toggle

picture: /local/outlet.png

card_mod:

style: |

ha-card {

border-width: 0;

background: none;

}

- type: custom:mushroom-template-card

primary: ''

secondary: ''

icon: mdi:television

icon_color: '#33BEFF'

tap_action:

action: navigate

navigation_path: media

picture: /local/tv.png

card_mod:

style: |

ha-card {

border-width: 0;

background: none;

}

- type: custom:mushroom-template-card

primary: ''

secondary: ''

icon: mdi:soccer-field

icon_color: '#33BEFF'

tap_action:

action: navigate

navigation_path: /dashboard-phone/sports

picture: /local/footballfield.png

badge_icon: ''

card_mod:

style: |

ha-card {

border-width: 0;

background: none;

}

- square: false

columns: 2

type: grid

cards:

- type: custom:vertical-stack-in-card

cards:

- type: custom:mushroom-template-card

primary: Kitchen

secondary: >-

🌡️{{ states("sensor.nest_thermo_temperature") | round(1) }}° 💧{{

states("sensor.nest_thermo_humidity") | round(0) }}%

icon: mdi:microwave

icon_color: '#A3A3A3'

tap_action:

action: navigate

navigation_path: /dashboard-phone/kitchen

entity: light.kitchen_ceiling

hold_action:

action: toggle

picture: /local/stove.png

card_mod:

style: |

ha-card {

margin: 5px 10px 0px 0px;

}

- type: custom:mushroom-chips-card

chips:

- type: template

entity: light.kitchen_spotlights_main

icon_color: |-

{% set state=states('light.kitchen_spotlights_main') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

icon: |-

{% set state=states('light.kitchen_spotlights_main') %}

{% if state=='on' %}

mdi:lightbulb-spot

{% elif state=='off' %}

mdi:lightbulb-spot-off

{% else %}

mdi:lightbulb-spot-off

{% endif %}

tap_action:

action: more-info

content: null

- type: template

entity: light.kitchen_spotlights_secondary

icon_color: |-

{% set state=states('light.kitchen_spotlights_secondary') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

grey

{% endif %}

icon: |-

{% set state=states('light.kitchen_spotlights_secondary') %}

{% if state=='on' %}

mdi:led-on

{% elif state=='off' %}

mdi:led-outline

{% else %}

mdi:led-outline

{% endif %}

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

entity: binary_sensor.kitchen_contactsensor_fridge

icon_color: >-

{% set

state=states('binary_sensor.kitchen_contactsensor_fridge') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

grey

{% endif %}

icon: >-

{% set

state=states('binary_sensor.kitchen_contactsensor_fridge') %}

{% if state=='on' %}

mdi:fridge-alert

{% elif state=='off' %}

mdi:fridge

{% else %}

mdi:fridge

{% endif %}

tap_action:

action: more-info

content: null

- type: template

entity: binary_sensor.402080530466002891_bsh_common_status_doorstate

icon_color: >-

{% set

state=states('binary_sensor.402080530466002891_bsh_common_status_doorstate')

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

grey

{% endif %}

icon: >-

{% set

state=states('binary_sensor.402080530466002891_bsh_common_status_doorstate')

{% if state=='on' %}

mdi:dishwasher

{% elif state=='off' %}

mdi:dishwasher-off

{% else %}

mdi:dishwasher-off

{% endif %}

tap_action:

action: more-info

content: null

alignment: center

card_mod:

style: |

ha-card {

--chip-box-shadow: none;

--chip-border-radius: 15px;

--chip-height: 40px;

--chip-padding: 10px;

--chip-background: none;

--chip-border-width: 0;

--chip-spacing: 3px

}

card_mod:

style: |

ha-card {

border: 0.9px grey solid !important;

}

- type: custom:vertical-stack-in-card

cards:

- type: custom:mushroom-template-card

primary: Office

secondary: >-

🌡️{{ states("sensor.office_thsensor_t") | round(1) }}° 💧{{

states("sensor.office_thsensor_h") | round(0) }}%

icon: mdi:chair-rolling

entity: switch.lights_office

icon_color: orange

tap_action:

action: navigate

navigation_path: office

hold_action:

action: toggle

picture: /local/chair.png

card_mod:

style: |

ha-card {

margin: 5px 10px 0px 0px;

}

- type: custom:mushroom-chips-card

chips:

- type: template

icon: >-

{% set state=states('switch.office_socket_speakers_light_s2')

{% if state=='on' %}

mdi:lightbulb

{% elif state=='off' %}

mdi:lightbulb-outline

{% else %}

mdi:lightbulb-outline

{% endif %}

icon_color: >-

{% set state=states('switch.office_socket_speakers_light_s2')

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: switch.lights_office

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

entity: switch.office_socket_led_alexa_s1

icon_color: |-

{% set state=states('switch.office_socket_led_alexa_s1') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

grey

{% endif %}

icon: |-

{% set state=states('switch.office_socket_led_alexa_s1') %}

{% if state=='on' %}

mdi:led-on

{% elif state=='off' %}

mdi:led-off

{% else %}

mdi:led-off

{% endif %}

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

icon: |-

{% set state=states('switch.office_plug_heater') %}

{% if state=='on' %}

mdi:radiator

{% elif state=='off' %}

mdi:radiator-disabled

{% else %}

mdi:radiator-off

{% endif %}

icon_color: |-

{% set state=states('switch.office_plug_heater') %}

{% if state=='on' %}

red

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: switch.office_plug_heater

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

icon: |-

{% set state=states('switch.sockets_office_workday') %}

{% if state=='on' %}

mdi:power-socket-uk

{% elif state=='off' %}

mdi:power-socket-uk

{% else %}

mdi:power-socket-uk

{% endif %}

icon_color: |-

{% set state=states('switch.sockets_office_workday') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: switch.sockets_office_workday

tap_action:

action: toggle

hold_action:

action: more-info

alignment: center

card_mod:

style: |

ha-card {

--chip-box-shadow: none;

--chip-border-radius: 15px;

--chip-height: 40px;

--chip-padding: 10px;

--chip-background: none;

--chip-border-width: 0;

--chip-spacing: 3px

}

card_mod:

style: |

ha-card {

border: 0.9px grey solid !important;

}

- type: custom:vertical-stack-in-card

cards:

- type: custom:mushroom-template-card

primary: House

secondary: >-

🌡️{{ state_attr("weather.home_at_8a_2", 'temperature') | round(1)

}}° 💧{{ state_attr("weather.home_at_8a_2", 'humidity') | round(0)

}}%

icon: mdi:home

icon_color: '#e6cd28'

tap_action:

action: navigate

navigation_path: hallway

hold_action:

action: toggle

picture: /local/home.png

card_mod:

style: |

ha-card {

margin: 5px 10px 0px 0px;

}

- type: custom:mushroom-chips-card

chips:

- type: template

entity: switch.porch_indoor

icon_color: |-

{% set state=states('switch.porch_indoor') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

icon: |-

{% set state=states('switch.porch_indoor') %}

{% if state=='on' %}

mdi:lightbulb-on

{% elif state=='off' %}

mdi:lightbulb

{% else %}

mdi:lightbulb

{% endif %}

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

entity: switch.porch_outdoor

icon_color: |-

{% set state=states('switch.porch_outdoor') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

icon: |-

{% set state=states('switch.porch_outdoor') %}

{% if state=='on' %}

mdi:lightbulb-spot

{% elif state=='off' %}

mdi:lightbulb-spot-off

{% else %}

mdi:lightbulb-spot-off

{% endif %}

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

icon: |-

{% set state=states('light.outdoor_lights') %}

{% if state=='on' %}

mdi:string-lights

{% elif state=='off' %}

mdi:string-lights

{% else %}

mdi:string-lights

{% endif %}

icon_color: |-

{% set state=states('light.outdoor_lights') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: light.outdoor_lights

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

icon: |-

{% set state=states('climate.nest_thermo') %}

{% if state=='heat' %}

mdi:thermostat

{% elif state=='off' %}

mdi:thermostat-auto

{% else %}

mdi:thermostat-cog

{% endif %}

icon_color: |-

{% set state=states('climate.nest_thermo') %}

{% if state=='heat' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

entity: climate.nest_thermo

tap_action:

action: more-info

alignment: center

card_mod:

style: |

ha-card {

--chip-box-shadow: none;

--chip-border-radius: 15px;

--chip-height: 40px;

--chip-padding: 10px;

--chip-background: none;

--chip-border-width: 0;

--chip-spacing: 3px

}

card_mod:

style: |

ha-card {

border: 0.9px grey solid !important;

}

- type: custom:vertical-stack-in-card

cards:

- type: custom:mushroom-template-card

primary: Lounge

secondary: >-

🌡️{{ states("sensor.nest_thermo_temperature") | round(1) }}° 💧{{

states("sensor.nest_thermo_humidity") | round(0) }}%

icon: mdi:sofa

entity: light.lounge_lights

icon_color: '#d88b74'

tap_action:

action: navigate

navigation_path: livingroom

hold_action:

action: toggle

picture: /local/sofa.png

card_mod:

style: |

ha-card {

margin: 5px 10px 0px 0px;

}

- type: custom:mushroom-chips-card

chips:

- type: template

entity: switch.lounge_porch

icon_color: |-

{% set state=states('switch.lounge_porch') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

icon: |-

{% set state=states('switch.lounge_porch') %}

{% if state=='on' %}

mdi:ceiling-fan-light

{% elif state=='off' %}

mdi:ceiling-fan

{% else %}

mdi:ceiling-fan

{% endif %}

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

entity: switch.lounge_door

icon_color: |-

{% set state=states('switch.lounge_door') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

icon: |-

{% set state=states('switch.lounge_door') %}

{% if state=='on' %}

mdi:ceiling-light

{% elif state=='off' %}

mdi:ceiling-light-outline

{% else %}

mdi:ceiling-light-outline

{% endif %}

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

entity: light.lounge_leds

icon_color: |-

{% set state=states('light.lounge_leds') %}

{% if state=='on' %}

orange

{% elif state=='off' %}

grey

{% else %}

grey

{% endif %}

icon: |-

{% set state=states('light.lounge_leds') %}

{% if state=='on' %}

mdi:led-on

{% elif state=='off' %}

mdi:led-off

{% else %}

mdi:led-off

{% endif %}

tap_action:

action: toggle

hold_action:

action: more-info

- type: template

entity: media_player.lg_65

icon_color: |-

{% set state=states('media_player.lg_65') %}

{% if state=='on' %}

blue

{% elif state=='off' %}

grey

{% else %}

red

{% endif %}

icon: |-

{% set state=states('media_player.lg_65') %}

{% if state=='on' %}

mdi:television

{% elif state=='off' %}

mdi:television-off

{% else %}

mdi:television-off

{% endif %}

tap_action:

action: more-info

alignment: center

card_mod:

style: |

ha-card {

--chip-box-shadow: none;

--chip-border-radius: 15px;

--chip-height: 40px;

--chip-padding: 10px;

--chip-background: none;

--chip-border-width: 0;

--chip-spacing: 3px

}

card_mod:

style: |

ha-card {

border: 0.9px grey solid !important;

}