Bonjour à tous !
Je suis en train de passer à la vitesse 2 de mon dashboard en peaufinant ici et là la partie visuelle ![]()
Pour les lumières par pièce, j’ai créé ce type de carte :
Le bouton en haut à gauche, comme vous pouvez le voir, possède un halo bleu autour.
Quand je switch l’interrupteur, il devrai passer en rouge, mais il reste en bleu.
Sauf si je rafraichi la page, donc je pense que mon code est bon mais j’ai comme l’impression que le mode state ne peut prends en compte les changement liés à l’affichage css.
Si je rafraichi la page :
type: custom:stack-in-card
mode: horizontal
cards:
- type: custom:button-card
entity: switch.interrupteur_bureau
show_entity_picture: true
vertical: false
color: deep-orange
icon: mdi:light-switch-off
hide_state: true
name: Interrupteur du bureau
show_name: false
features_position: inline
state:
- entity_picture: /local/images/buttons/inter1.png
value: "off"
styles:
entity_picture:
- box-shadow: rgb(24, 126, 153) 2px 2px 30px 2px;
card:
- width: 110px
- padding: 4px
- entity_picture: /local/images/buttons/inter_rouge.png
value: "on"
styles:
entity_picture:
- box-shadow: rgb(228, 49, 49) 2px 2px 30px 2px;
card:
- width: 110px
- padding: 4px
Pensez-vous possible de faire ce changement d’état du box-shadow à la volée ou ce n’est techniquement pas possible ?




