Bonjour,
ca devrais ressembler plutôt a ça:
Par contre l’icone ne fonctionne pas, que le background. C’est plus pousser pour modifier l’icone avec c’est carte.
type: button
icon: mdi:window-shutter
tap_action:
action: navigate
navigation_path: /lovelace/volets
name: Volets
card_mod:
style: |
ha-card {
font-weight: bold;
{% if is_state('cover.all_shutter', 'open') %}
background: rgb(186, 224, 241);
{% else %}
background: #C8C5C4;
{% endif %}
{% if is_state('cover.all_shutter', 'open') %}
icon: mdi:window-shutter-open;
{% else %}
icon: mdi:window-shutter;
{% endif %}
}
Après tu peut utiliser button-card qui permet de le faire nativement, sans utiliser card_mod.
Pour l’icone, tu peu modifier l’icone de l’entité directement, sans passer par une carte.
avec customize et custom-ui: Changer Icon en fonction de l'état - #3 par WarC0zes