Untitled
unknown
plain_text
2 months ago
52 kB
51
Indexable
square: false
type: grid
cards:
- type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
entity: switch.0xa4c13882214862c3
icon: mdi:fridge
icon_color: |
{% if is_state(entity, 'on') %}
grey
{% else %}
red
{% endif %}
primary: Cucina
secondary: >
{{ states('sensor.sensore_temperatura_cucina_temperatura') | round(0)
}}°C | {{ states('sensor.sensore_temperatura_cucina_umidita') |
round(0) }}%
layout: horizontal
double_tap_action:
action: none
hold_action:
action: none
badge_icon: mdi:water-check
badge_color: |+
{% if states('binary_sensor.sensore_acqua_water_leak''off') %}
blue
{% else %}
red
{% endif %}
tap_action:
action: navigate
navigation_path: /lovelace/stanze
picture: ""
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -50px;
left: -155px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
position: relative;
overflow: visible !important;
top: -52px;
left: -155px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -43px;
top: 55px;
}
.: |
:host {
--mush-icon-size: 146px;
--secondary-text-color: >
{% if is_state_attr('climate.thermostat_master_bedroom', 'hvac_action', 'heating') %}
red
{% elif is_state_attr('climate.thermostat_master_bedroom', 'hvac_action', 'cooling') %}
#03A9F4
{% else %}
#6c6c75
{% endif %}
}
style: |
mushroom-badge-icon {
left: 69px;
top: 25px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: ""
icon: mdi:light-recessed
secondary: none
entity: switch.0x003c84fffed74ec5
hold_action:
action: none
double_tap_action:
action: none
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 49%;
top: -162px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: ""
icon: mdi:light-recessed
secondary: none
entity: light.luce_cucina_2
hold_action:
action: none
double_tap_action:
action: none
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -218px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'on') %}
blue
{% else %}
grey
{% endif %}
icon: mdi:motion-sensor
secondary: none
entity: binary_sensor.sensore_presenza_sala_occupancy
hold_action:
action: toggle
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -231px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'open') %}
yellow
{% else %}
grey
{% endif %}
icon: mdi:led-strip
secondary: none
entity: light.led_cucina
hold_action:
action: none
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
tap_action:
action: more-info
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -243px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'on') %}
red
{% else %}
grey
{% endif %}
icon: mdi:fire
secondary: none
entity: switch.induzione
hold_action:
action: more-info
double_tap_action:
action: none
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -255px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
card_mod:
style: |
ha-card {
height: 190px !important;
width: auto !important;
}
- type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
entity: switch.0x84ba20fffecf1675
icon: mdi:sofa-outline
icon_color: |
{% if is_state(entity, 'on') %}
purple
{% else %}
grey
{% endif %}
primary: Sala
secondary: >
{{ states('sensor.sensore_temperatura_cucina_temperatura') | round(0)
}}°C | {{ states('sensor.sensore_temperatura_cucina_umidita') |
round(0) }}%
layout: horizontal
double_tap_action:
action: none
hold_action:
action: none
badge_icon: >
{% if
is_state_attr('climate.smart_thermostat_2307079727029260120148e1e9cfa72a',
'hvac_action', 'heat') %}
mdi:radiator
{% elif is_state_attr('climate.splitter_salone', 'hvac_action',
'cooling') %}
mdi:snowflake
{% else %} {% endif %}
badge_color: >
{% if is_state_attr('climate.splitter_salone', 'hvac_action',
'heating') %}
red
{% elif is_state_attr('climate.splitter_salone', 'hvac_action',
'cooling') %}
#03A9F4
{% else %} {% endif %}
tap_action:
action: navigate
navigation_path: /lovelace/stanze
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -50px;
left: -155px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
position: relative;
overflow: visible !important;
top: -52px;
left: -155px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -43px;
top: 55px;
}
.: |
:host {
--mush-icon-size: 146px;
--secondary-text-color: >
{% if is_state_attr('climate.thermostat_master_bedroom', 'hvac_action', 'heating') %}
red
{% elif is_state_attr('climate.thermostat_master_bedroom', 'hvac_action', 'cooling') %}
#03A9F4
{% else %}
#6c6c75
{% endif %}
}
style: |
mushroom-badge-icon {
left: 69px;
top: 25px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: ""
icon: mdi:led-strip-variant
secondary: none
entity: light.led_mobile_tv
hold_action:
action: none
double_tap_action:
action: none
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -162px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: ""
icon: mdi:lightbulb-variant
secondary: none
entity: switch.0x84ba20fffecf1675
hold_action:
action: none
double_tap_action:
action: none
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 49%;
top: -218px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'on') %}
blue
{% else %}
grey
{% endif %}
icon: mdi:motion-sensor
secondary: none
entity: binary_sensor.sensore_presenza_sala_occupancy
hold_action:
action: toggle
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -231px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'open') %}
red
{% else %}
grey
{% endif %}
icon: mdi:window-open-variant
secondary: none
entity: binary_sensor.0xa4c1380c69b51c07_contact
hold_action:
action: none
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
tap_action:
action: more-info
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -243px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'idle') %}
grey
{% if is_state(entity, 'cleening') %}
green
{% else %}
red
{% endif %}
icon: mdi:robot-vacuum
secondary: none
entity: vacuum.schiavo
hold_action:
action: none
double_tap_action:
action: none
badge_icon: ""
badge_color: ""
tap_action:
action: more-info
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -255px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
card_mod:
style: |
ha-card {
height: 190px !important;
width: auto !important;
}
- type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
entity: switch.lucecamera
icon: mdi:bed
icon_color: |
{% if is_state(entity, 'on') %}
orange
{% else %}
grey
{% endif %}
primary: Camera
secondary: >
{{ states('sensor.sensore_temperatura_camera_temperatura') | round(0)
}}°C | {{ states('sensor.sensore_temperatura_camera_umidita') |
round(0) }}%
layout: horizontal
double_tap_action:
action: navigate
navigation_path: /salone
hold_action:
action: toggle
badge_icon: >
{% if is_state_attr('climate.splitter_salone', 'hvac_action',
'heating') %}
mdi:radiator
{% elif is_state_attr('climate.splitter_salone', 'hvac_action',
'cooling') %}
mdi:snowflake
{% else %} {% endif %}
badge_color: >
{% if is_state_attr('climate.splitter_salone', 'hvac_action',
'heating') %}
red
{% elif is_state_attr('climate.splitter_salone', 'hvac_action',
'cooling') %}
#03A9F4
{% else %} {% endif %}
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -50px;
left: -155px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
position: relative;
overflow: visible !important;
top: -52px;
left: -155px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -43px;
top: 55px;
}
.: |
:host {
--mush-icon-size: 146px;
--secondary-text-color: >
{% if is_state_attr('climate.thermostat_master_bedroom', 'hvac_action', 'heating') %}
red
{% elif is_state_attr('climate.thermostat_master_bedroom', 'hvac_action', 'cooling') %}
#03A9F4
{% else %}
#6c6c75
{% endif %}
}
style: |
mushroom-badge-icon {
left: 69px;
top: 25px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'on') %}
blue
{% else %}
grey
{% endif %}
icon: mdi:motion-sensor
secondary: none
entity: binary_sensor.sensore_presenza_letto_occupancy
hold_action:
action: toggle
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -118px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'open') %}
red
{% else %}
grey
{% endif %}
icon: mdi:window-open-variant
secondary: none
entity: binary_sensor.0xa4c13859b1e6f209_contact
hold_action:
action: none
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
tap_action:
action: more-info
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -130px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: ""
icon: mdi:light-recessed
secondary: none
entity: switch.lucecamera
hold_action:
action: none
double_tap_action:
action: none
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -274px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: ""
icon: mdi:led-strip-variant
secondary: none
entity: light.led_letto
hold_action:
action: none
double_tap_action:
action: none
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -199px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
card_mod:
style: |
ha-card {
height: 190px !important;
width: auto !important;
}
- type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
entity: switch.faretto_giardino
icon: mdi:shovel
icon_color: |
{% if is_state(entity, 'on') %}
green
{% else %}
grey
{% endif %}
primary: Giardino
secondary: >
{{ states('sensor.sensore_temperatura_patio_temperatura') | round(0)
}}°C | {{ states('sensor.sensore_temperatura_patio_umidita') |
round(0) }}%
double_tap_action:
action: none
hold_action:
action: none
badge_icon: ""
badge_color: ""
tap_action:
action: navigate
navigation_path: /lovelace/stanze
layout: horizontal
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -50px;
left: -155px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
position: relative;
overflow: visible !important;
top: -52px;
left: -155px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -43px;
top: 55px;
}
.: |
:host {
--mush-icon-size: 146px;
--secondary-text-color: >
{% if is_state_attr('climate.thermostat_master_bedroom', 'hvac_action', 'heating') %}
red
{% elif is_state_attr('climate.thermostat_master_bedroom', 'hvac_action', 'cooling') %}
#03A9F4
{% else %}
#6c6c75
{% endif %}
}
style: |
mushroom-badge-icon {
left: 69px;
top: 25px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: ""
icon: mdi:light-recessed
secondary: none
entity: light.luce_patio
hold_action:
action: none
double_tap_action:
action: none
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -162px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% else %}
grey
{% endif %}
icon: mdi:light-flood-down
secondary: none
entity: switch.faretto_giardino
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
tap_action:
action: toggle
hold_action:
action: more-info
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -175px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'on') %}
green
{% else %}
grey
{% endif %}
icon: mdi:power-plug
secondary: none
entity: switch.prese_giardino
hold_action:
action: more-info
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
tap_action:
action: toggle
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -187px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
card_mod:
style: |
ha-card {
height: 190px !important;
width: auto !important;
}
- type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
entity: switch.luce_bagno
icon: mdi:toilet
icon_color: |
{% if is_state(entity, 'on') %}
blue
{% else %}
grey
{% endif %}
primary: Bagno
secondary: >
{{ states('sensor.sensore_bagno_temperatura') | round(0) }}°C | {{
states('sensor.sensore_bagno_umidita') | round(0) }}%
layout: horizontal
double_tap_action:
action: none
hold_action:
action: none
badge_icon: >
{% if
is_state_attr('climate.smart_thermostat_2307079727029260120148e1e9cfa72a',
'hvac_action', 'heat') %}
mdi:radiator
{% elif is_state_attr('climate.splitter_salone', 'hvac_action',
'cooling') %}
mdi:snowflake
{% else %} {% endif %}
badge_color: >
{% if is_state_attr('climate.splitter_salone', 'hvac_action',
'heating') %}
red
{% elif is_state_attr('climate.splitter_salone', 'hvac_action',
'cooling') %}
#03A9F4
{% else %} {% endif %}
tap_action:
action: navigate
navigation_path: /lovelace/stanze
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -50px;
left: -155px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
position: relative;
overflow: visible !important;
top: -52px;
left: -155px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -43px;
top: 55px;
}
.: |
:host {
--mush-icon-size: 146px;
--secondary-text-color: >
{% if is_state_attr('climate.thermostat_master_bedroom', 'hvac_action', 'heating') %}
red
{% elif is_state_attr('climate.thermostat_master_bedroom', 'hvac_action', 'cooling') %}
#03A9F4
{% else %}
#6c6c75
{% endif %}
}
style: |
mushroom-badge-icon {
left: 69px;
top: 25px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: ""
icon: mdi:light-recessed
secondary: none
entity: switch.luce_bagno
hold_action:
action: none
double_tap_action:
action: none
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -162px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'on') %}
blue
{% else %}
grey
{% endif %}
icon: mdi:motion-sensor
secondary: none
entity: binary_sensor.0x705464fffe81729b_occupancy
hold_action:
action: toggle
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -175px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'open') %}
red
{% else %}
grey
{% endif %}
icon: mdi:window-open-variant
secondary: none
entity: binary_sensor.0xa4c1380c69b51c07_contact
hold_action:
action: none
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
tap_action:
action: more-info
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -187px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'on') %}
red
{% else %}
grey
{% endif %}
icon: mdi:mirror
secondary: none
entity: light.specchio
hold_action:
action: none
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
tap_action:
action: toggle
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -199px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
card_mod:
style: |
ha-card {
height: 190px !important;
width: auto !important;
}
- type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
entity: switch.sgabuzzino
icon: mdi:wardrobe
icon_color: |
{% if is_state(entity, 'on') %}
orange
{% else %}
grey
{% endif %}
primary: Sgabuzzino
secondary: >
{{ states('sensor.sensore_temperatura_sgabuzzino_temperatura') |
round(0) }}°C | {{
states('sensor.sensore_temperatura_sgabuzzino_umidita') | round(0) }}%
layout: horizontal
double_tap_action:
action: none
hold_action:
action: none
badge_icon: ""
badge_color: ""
tap_action:
action: navigate
navigation_path: /lovelace/stanze
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -50px;
left: -155px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
position: relative;
overflow: visible !important;
top: -52px;
left: -155px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -43px;
top: 55px;
}
.: |
:host {
--mush-icon-size: 146px;
--secondary-text-color: >
{% if is_state_attr('climate.thermostat_master_bedroom', 'hvac_action', 'heating') %}
red
{% elif is_state_attr('climate.thermostat_master_bedroom', 'hvac_action', 'cooling') %}
#03A9F4
{% else %}
#6c6c75
{% endif %}
}
style: |
mushroom-badge-icon {
left: 69px;
top: 25px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: ""
icon: mdi:light-recessed
secondary: none
entity: switch.sgabuzzino
hold_action:
action: none
double_tap_action:
action: none
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -162px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'on') %}
blue
{% else %}
grey
{% endif %}
icon: mdi:motion-sensor
secondary: none
entity: binary_sensor.sensore_presenza_sgabuzzino_occupancy
hold_action:
action: toggle
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -175px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |-
{% if is_state(entity, 'on') %}
green
{% else %}
grey
{% endif %}
icon: mdi:washing-machine
secondary: none
entity: switch.lavatrice_outlet
hold_action:
action: none
double_tap_action:
action: more-info
badge_icon: ""
badge_color: ""
tap_action:
action: more-info
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if is_state(config.entity, 'on') %}
{% if state_attr(config.entity, 'rgb_color') == none %}
--icon-color: rgb(255,190,137) !important;
--shape-color: rgb(255,190,137, 0.2 ) !important;
{% else %}
{% set r = state_attr(config.entity, 'rgb_color')[0] %}
{% set g = state_attr(config.entity, 'rgb_color')[1] %}
{% set b = state_attr(config.entity, 'rgb_color')[2] %}
--icon-color: rgb( {{r}}, {{g}}, {{b}} ) !important;
--shape-color: rgba( {{r}}, {{g}}, {{b}}, 0.2 ) !important;
{% endif %}
{% endif %}
}
.: |
ha-card {
width: 66px;
margin-left: 68%;
top: -187px;
background: none;
}
:host {
--mush-icon-size: 38px;
}
card_mod:
style: |
ha-card {
height: 190px !important;
width: auto !important;
}
columns: 2
Editor is loading...
Leave a Comment