Salut,
J’avais échangé avec l’auteur via PM et il m’avait invité à partager mes cartes, manque de temps (puis oublie par la suite, me culpa ! 
), je viens corriger cette erreur :
Voici un aperçu de mes cartes et quelques spécialité que j’ai faites :
Certaines sous-carte de mon salon :
Pour mon philips hue (quand je l’allume les icônes sont en couleurs et je peux choisir la sortie hdmi, mode et intensité) :
tous mes capteurs de vibrations et ouvertures de mes fenêtres avec badge de batterie :
Certaines sous-carte de mon garage/cellier :
Pour ma pompe à chaleur : (j’ai juste mon BSB-LAN de débranché donc les valeurs ne sont pas à jour)
Pour mon ballon thermodynamique :
Ma machine à laver, en secondary j’ai la phase qui apparaît quand elle fonctionne + timer depuis son démarrage (ca ressemble à celle du congélateur un peu plus bas) :
Mon congélateur (je peux voir des statistiques sur son nombre de cycle, le coût et son énergie consommée) :
Pour mon NAS (via ce sujet : [Carte] - Nas Synology)
Beaucoup de temps passé pour en arriver jusqu’ici. Toutes les fonctionnalités ne sont pas encore en place, j’ai mis le max auquel j’ai pensé lorsque j’ai créé les cartes. Par la suite j’achète mes appareils et je complète…
Question bête mais ça a peut-être déjà été abordé dans les 500 messages mais, il existe une manière de mettre un bouton retour ?
Voilà, si quelque chose de précis vous intéresses, je peux vous en faire part, il suffit juste de me demander 
En tout cas, merci pour le partage de vos créations 
type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
entity: group.lumieres_salon
icon: mdi:sofa
primary: Salon
secondary: >-
{{ states('sensor.0x54ef44100091b708_temperature') }}°C • {{
states('sensor.0x54ef44100091b708_humidity') }}% • {{
states('sensor.0xa4c138726ad60c4e_illuminance') }} lux
tap_action:
action: navigate
navigation_path: /lovelace-smartphone/salon
double_tap_action:
action: navigate
navigation_path: /lovelace-smartphone/salon
hold_action:
action: toggle
badge_icon: |
{% if is_state('binary_sensor.0xa4c138726ad60c4e_presence', 'on') %}
mdi:motion-sensor
{% else %}
mdi:motion-sensor-off
{% endif %}
badge_color: |
{% if is_state('binary_sensor.0xa4c138726ad60c4e_presence', 'on') %}
orange
{% else %}
grey
{% endif %}
color: |
{% if is_state(entity, 'on') %}
#03A9F4
{% else %}
grey
{% endif %}
features_position: bottom
- type: custom:mushroom-chips-card
chips:
- type: template
entity: plant.alocasia_wentii
icon: mdi:flower
icon_color: |-
{% if is_state(entity, 'problem') %}
orange
{% else %}
grey
{% endif %}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Plante Alocasia Wentii
content:
type: custom:mod-card
card:
type: custom:flower-card
entity: plant.alocasia_wentii
show_bars:
- moisture
- temperature
- illuminance
- humidity
battery_sensor: sensor.plante_alocasia_wentii_battery_state
- type: template
entity: media_player.fire_tv_192_168_1_116
icon: |
{% if is_state(entity, 'playing') %}
mdi:pause
{% elif is_state(entity, 'paused') %}
mdi:play
{% else %}
mdi:play-pause
{% endif %}
icon_color: >
{% if not is_state(entity, 'off') and not is_state(entity,
'unavailable') %}
#03A9F4
{% else %}
grey
{% endif %}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Fire TV Salon
content:
type: custom:stack-in-card
cards:
- type: custom:mini-media-player
entity: media_player.fire_tv_192_168_1_116
name: Fire TV
artwork: full-cover
source: full
volume_stateless: false
group: true
idle_view: false
hide:
power: false
icon: false
volume: false
progress: false
controls: false
info: false
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
entity: switch.sync_box_synchronisation_des_lumieres
icon: mdi:television-ambient-light
layout: vertical
primary: Philips Hue
icon_color: |
{% if is_state(entity, 'on') %}
accent
{% else %}
grey
{% endif %}
tap_action:
action: toggle
card_mod:
style: |
ha-card {
border: none !important;
background: none !important;
box-shadow: none !important;
text-align: center;
}
- type: custom:mushroom-template-card
icon: mdi:hdmi-port
layout: vertical
primary: HDMI
icon_color: "#2196F3"
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Sortie HDMI
size: fullscreen
content:
type: entities
entities:
- entity: select.sync_box_sortie_hdmi
name: Sélection HDMI
card_mod:
style: |
ha-card {
border: none !important;
background: none !important;
box-shadow: none !important;
text-align: center;
display: flex; /* organise les icônes horizontalement */
flex-wrap: wrap; /* passe à la ligne si écran trop petit */
gap: 0px; /* réduit l'espace entre icônes */
padding: 0 8px;
margin: 2px
}
- type: custom:mushroom-template-card
icon: mdi:multimedia
layout: vertical
primary: Mode
icon_color: >
{% if
is_state('switch.sync_box_synchronisation_des_lumieres',
'on') %}
#3F51B5
{% else %}
grey
{% endif %}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Mode Philips Hue
size: fullscreen
content:
type: entities
entities:
- entity: select.sync_box_mode_de_synchronisation
name: Mode
card_mod:
style: |
ha-card {
border: none !important;
background: none !important;
box-shadow: none !important;
text-align: center;
}
- type: custom:mushroom-template-card
icon: mdi:brightness-6
layout: vertical
primary: Luminosité
icon_color: >
{% if
is_state('switch.sync_box_synchronisation_des_lumieres',
'on') %}
#FF9800
{% else %}
grey
{% endif %}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Luminosité Philips Hue
size: fullscreen
content:
type: entities
entities:
- entity: number.sync_box_luminosite
name: Luminosité
card_mod:
style: |
ha-card {
border: none !important;
background: none !important;
box-shadow: none !important;
text-align: center;
}
- type: custom:mushroom-template-card
icon: mdi:sine-wave
layout: vertical
primary: Intensité
icon_color: >
{% if
is_state('switch.sync_box_synchronisation_des_lumieres',
'on') %}
#9C27B0
{% else %}
grey
{% endif %}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Intensité Philips Hue
size: fullscreen
content:
type: entities
entities:
- entity: select.sync_box_intensite
name: Intensité
card_mod:
style: |
ha-card {
border: none !important;
background: none !important;
box-shadow: none !important;
text-align: center;
}
hold_action:
action: navigate
navigation_path: /lovelace-smartphone/echo
- type: template
entity: cover.volet_wiser_salon_porte_fenetre
hold_action:
action: toggle
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Volets du salon
content:
type: vertical-stack
cards:
- type: custom:mushroom-cover-card
entity: cover.volet_wiser_salon_porte_fenetre
name: Tous les volets
show_position_control: true
show_tilt_position_control: false
show_buttons_control: true
- type: custom:mushroom-cover-card
entity: cover.volet_wiser_salon_porte_fenetre
name: Volet porte fenêtre
show_position_control: true
show_tilt_position_control: false
show_buttons_control: true
- type: custom:mushroom-cover-card
entity: cover.volet_wiser_coulissant_droit
name: Volet coulissant droit
show_position_control: true
show_tilt_position_control: false
show_buttons_control: true
- type: custom:mushroom-cover-card
entity: cover.volet_wiser_coulissant_gauche
name: Volet coulissant gauche
show_position_control: true
show_tilt_position_control: false
show_buttons_control: true
icon: mdi:window-shutter
icon_color: >
{% set p1 =
state_attr('cover.volet_wiser_salon_porte_fenetre','current_position')
| int %} {% set p2 =
state_attr('cover.volet_wiser_coulissant_droit','current_position') |
int %} {% set p3 =
state_attr('cover.volet_wiser_coulissant_gauche','current_position') |
int %}
{% if p1 == 0 and p2 == 0 and p3 == 0 %}
#03A9F4
{% elif p1 == 100 and p2 == 100 and p3 == 100 %}
grey
{% else %}
orange
{% endif %}
- type: template
entity: light.0xa4c138030ca780d0
icon: mdi:lightbulb
hold_action:
action: toggle
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Lumières salon
content:
type: vertical-stack
cards:
- type: custom:mushroom-light-card
entity: light.0xa4c138030ca780d0
name: Lampe TV
use_light_color: true
show_brightness_control: true
show_color_temp_control: true
show_color_control: true
collapsible_controls: true
icon_color: |
{% if is_state(entity, 'on') %}
orange
{% else %}
grey
{% endif %}
- type: template
entity: vacuum.roborock_s7
icon: mdi:robot-vacuum
icon_color: |
{% if is_state(entity, 'cleaning') %}
#03A9F4
{% else %}
{% set level = states('sensor.roborock_s7_batterie') | int %}
{% if level > 80 %}
green
{% elif level > 40 %}
orange
{% else %}
red
{% endif %}
{% endif %}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Aspirateur Roborock
content:
type: custom:mushroom-vacuum-card
entity: vacuum.roborock_s7
icon_animation: true
fill_container: true
layout: vertical
commands:
- on_off
- start_pause
- stop
- return_home
- locate
- type: template
entity: switch.0x70ac08fffe6de95b
icon: mdi:power-plug
icon_color: >
{% if is_state('switch.0x70ac08fffe6de95b','on') or
is_state('switch.0x70ac08fffe6dd7e8','on') %}
accent
{% else %}
grey
{% endif %}
hold_action:
action: toggle
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Prises salon
content:
type: horizontal-stack
cards:
- type: custom:mushroom-template-card
entity: sensor.0x70ac08fffe6de95b_power
primary: TV - {{ states('sensor.0x70ac08fffe6de95b_power') }} W
icon: mdi:power-plug
tap_action:
action: call-service
service: switch.toggle
target:
entity_id: switch.0x70ac08fffe6de95b
color: |
{% if is_state('switch.0x70ac08fffe6de95b','on') %}
accent
{% else %}
grey
{% endif %}
- type: custom:mushroom-template-card
entity: sensor.0x70ac08fffe6dd7e8_power
primary: Caméra - {{ states('sensor.0x70ac08fffe6dd7e8_power') }} W
icon: mdi:power-plug
tap_action:
action: call-service
service: switch.toggle
target:
entity_id: switch.0x70ac08fffe6dd7e8
color: |
{% if is_state('switch.0x70ac08fffe6dd7e8','on') %}
accent
{% else %}
grey
{% endif %}
- type: template
entity: climate.salon_clim
icon: mdi:air-conditioner
icon_color: |
{% if is_state(entity, 'cooling') %}
#03A9F4
{% elif is_state(entity, 'heating') %}
red
{% elif is_state(entity, 'fan_only') %}
green
{% else %}
grey
{% endif %}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Climatisation Salon
content:
type: entities
entities:
- entity: climate.salon_clim
name: Mode et Température
- entity: input_number.salon_clim_temperature
name: Consigne Température
- type: template
entity: >-
binary_sensor.capteur_ouverture_fenetre_aqara_salon_coulissant_gauche_contact
icon: mdi:window-closed-variant
icon_color: >
{% set ouvertures = [
'binary_sensor.capteur_ouverture_fenetre_aqara_salon_coulissant_gauche_contact',
'binary_sensor.capteur_ouverture_fenetre_aqara_salon_coulissant_droit_contact',
'binary_sensor.capteur_ouverture_porte_aqara_salon_porte_fenetre_contact'
] %}
{% set vibrations = [
'binary_sensor.capteur_vibration_aqara_salon_coulissant_gauche_vibration',
'binary_sensor.0x00158d0008f3432b_vibration',
'binary_sensor.capteur_vibration_aqara_cuisine_petite_fenetre_vibration'
] %}
{% if ouvertures | select('is_state', 'on') | list | count > 0 or
vibrations | select('is_state', 'on') | list | count > 0 %}
yellow
{% else %}
#03A9F4
{% endif %}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Capteurs Fenêtres Salon
content:
type: vertical-stack
cards:
- type: custom:mushroom-title-card
title: Coulissant Gauche
card_mod:
style: |
ha-card {
background: none !important;
box-shadow: none !important;
padding: 8px 16px 0px 16px !important;
margin-top: -12px !important;
margin-bottom: -4px !important;
}
- type: custom:stack-in-card
mode: horizontal
cards:
- type: custom:mushroom-template-card
entity: >-
binary_sensor.capteur_ouverture_fenetre_aqara_salon_coulissant_gauche_contact
icon: mdi:window-closed-variant
icon_color: |
{% if is_state(entity, 'on') %}
yellow
{% else %}
#03A9F4
{% endif %}
badge_icon: mdi:battery
badge_color: >
{% set bat =
states('sensor.capteur_ouverture_fenetre_aqara_salon_coulissant_gauche_battery')
| int(0) %}
{% if bat > 80 %}
green
{% elif bat > 40 %}
orange
{% else %}
red
{% endif %}
primary: Ouverture
secondary: |
{% if is_state(entity, 'on') %}
Ouvert
{% else %}
Fermé
{% endif %}
layout: vertical
tap_action:
action: more-info
card_mod:
style: |
ha-card {
border: none !important;
background: none !important;
box-shadow: none !important;
}
- type: custom:mushroom-template-card
entity: >-
binary_sensor.capteur_vibration_aqara_salon_coulissant_gauche_vibration
icon: mdi:vibrate
icon_color: |
{% if is_state(entity, 'on') %}
yellow
{% else %}
grey
{% endif %}
badge_icon: mdi:battery
badge_color: >
{% set bat =
states('sensor.capteur_vibration_aqara_salon_coulissant_gauche_battery')
| int(0) %}
{% if bat > 80 %}
green
{% elif bat > 40 %}
orange
{% else %}
red
{% endif %}
primary: Vibration
secondary: |
{% if is_state(entity, 'on') %}
Détectée
{% else %}
Aucune
{% endif %}
layout: vertical
tap_action:
action: more-info
card_mod:
style: |
ha-card {
border: none !important;
background: none !important;
box-shadow: none !important;
}
- type: custom:mushroom-title-card
title: Coulissant Droit
card_mod:
style: |
ha-card {
background: none !important;
box-shadow: none !important;
padding: 8px 16px 0px 16px !important;
margin-top: -12px !important;
margin-bottom: -4px !important;
}
- type: custom:stack-in-card
mode: horizontal
cards:
- type: custom:mushroom-template-card
entity: >-
binary_sensor.capteur_ouverture_fenetre_aqara_salon_coulissant_droit_contact
icon: mdi:window-closed-variant
icon_color: |
{% if is_state(entity, 'on') %}
yellow
{% else %}
#03A9F4
{% endif %}
badge_icon: mdi:battery
badge_color: >
{% set bat =
states('sensor.capteur_ouverture_fenetre_aqara_salon_coulissant_droit_battery')
| int(0) %}
{% if bat > 80 %}
green
{% elif bat > 40 %}
orange
{% else %}
red
{% endif %}
primary: Ouverture
secondary: |
{% if is_state(entity, 'on') %}
Ouvert
{% else %}
Fermé
{% endif %}
layout: vertical
tap_action:
action: more-info
card_mod:
style: |
ha-card {
border: none !important;
background: none !important;
box-shadow: none !important;
}
- type: custom:mushroom-template-card
entity: binary_sensor.0x00158d0008f3432b_vibration
icon: mdi:vibrate
icon_color: |
{% if is_state(entity, 'on') %}
yellow
{% else %}
grey
{% endif %}
badge_icon: mdi:battery
badge_color: >
{% set bat =
states('sensor.0x00158d0008f3432b_battery') | int(0)
%}
{% if bat > 80 %}
green
{% elif bat > 40 %}
orange
{% else %}
red
{% endif %}
primary: Vibration
secondary: |
{% if is_state(entity, 'on') %}
Détectée
{% else %}
Aucune
{% endif %}
layout: vertical
tap_action:
action: more-info
card_mod:
style: |
ha-card {
border: none !important;
background: none !important;
box-shadow: none !important;
}
- type: custom:mushroom-title-card
title: Porte-fenêtre
card_mod:
style: |
ha-card {
background: none !important;
box-shadow: none !important;
padding: 8px 16px 0px 16px !important;
margin-bottom: -4px !important;
margin-top: -12px !important;
}
- type: custom:stack-in-card
mode: horizontal
cards:
- type: custom:mushroom-template-card
entity: >-
binary_sensor.capteur_ouverture_porte_aqara_salon_porte_fenetre_contact
icon: mdi:window-closed-variant
icon_color: |
{% if is_state(entity, 'on') %}
yellow
{% else %}
#03A9F4
{% endif %}
badge_icon: mdi:battery
badge_color: >
{% set bat =
states('sensor.capteur_ouverture_porte_aqara_salon_porte_fenetre_battery')
| int(0) %}
{% if bat > 80 %}
green
{% elif bat > 40 %}
orange
{% else %}
red
{% endif %}
primary: Ouverture
secondary: |
{% if is_state(entity, 'on') %}
Ouvert
{% else %}
Fermé
{% endif %}
layout: vertical
tap_action:
action: more-info
card_mod:
style: |
ha-card {
border: none !important;
background: none !important;
box-shadow: none !important;
}
- type: custom:mushroom-template-card
entity: >-
binary_sensor.capteur_vibration_aqara_cuisine_petite_fenetre_vibration
icon: mdi:vibrate
icon_color: |
{% if is_state(entity, 'on') %}
yellow
{% else %}
grey
{% endif %}
badge_icon: mdi:battery
badge_color: >
{% set bat =
states('sensor.capteur_vibration_aqara_cuisine_petite_fenetre_battery')
| int(0) %}
{% if bat > 80 %}
green
{% elif bat > 40 %}
orange
{% else %}
red
{% endif %}
primary: Vibration
secondary: |
{% if is_state(entity, 'on') %}
Détectée
{% else %}
Aucune
{% endif %}
layout: vertical
tap_action:
action: more-info
card_mod:
style: |
ha-card {
border: none !important;
background: none !important;
box-shadow: none !important;
}
- type: template
entity: camera.salon
icon: mdi:video
icon_color: |
{% if is_state(entity, 'streaming') %}
green
{% else %}
grey
{% endif %}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Caméra Salon
content:
type: picture-entity
entity: camera.salon
- type: template
entity: climate.chauffage_sol_salon
icon: mdi:floor-plan
icon_color: |
{% if is_state(entity, 'heat') %}
red
{% else %}
grey
{% endif %}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Chauffage au sol Salon
content:
type: entities
entities:
- entity: climate.chauffage_sol_salon
name: Contrôle chauffage
alignment: end
card_mod:
style: |
ha-card {
--chip-height: 34px;
--chip-icon-size: 17px;
padding-top: 4px;
margin-top: -8px;
padding-bottom: 9px;
padding-left: 4px;
padding-right: 4px;
}
.chip-container {
gap: 4px !important;
}