Changer la couleur du fond de carte en fonction d'une entité

Bonjour,

J’ai une carte avec 2 entité pour gérer une lumière, une entité pour allumer la lumière module shelly et une entité pour gérer la luminosité et les couleurs ampoules Philips hue.
J’ai créer une carte « mushroom light card » avec un appel de service lors d’un appuie sur le bouton qui allume ou éteint la lumière, puis la carte permet de gérer la luminosité et la couleur.

Je souhaiterais pouvoir voir l’état de l’entité shelly c’est à dire si la lumière est allumé ou éteinte, pour sa je souhaiterai changer le fond de la carte , genre jaune si c’est allumé et blanc si c’est éteint.
ci joint le code de la carte :

type: custom:mushroom-light-card
entity: light.lum_clara
use_light_color: true
show_brightness_control: true
show_color_control: true
fill_container: true
tap_action:
  action: call-service
  service: light.toggle
  target:
    entity_id: light.chambre_clara_matheo
  data: {}
layout: horizontal
name: 'Lumière clara '

Merci d’avance pour votre aide

Salut @gaet27

mushroom-light

Le code à adapter avec tes entités :

type: custom:mushroom-light-card
entity: light.yeelight_bureau
use_light_color: true
show_brightness_control: true
show_color_control: true
fill_container: true
layout: horizontal
name: Test
card_mod:
  style: |
    ha-card {
      {% if is_state('light.yeelight_bureau', 'on') %}
      background-color: yellow;
      {% elif is_state('light.yeelight_bureau', 'off') %}
      background-color: grey;
      {% else %}
      background-color: red;
      {% endif %}
    }

Salut @Herbs

Merci beaucoup pour ton aide
Ca fonctionne bien j’ai juste du ajouter un module CARD-MOD

Bonne journée

Salut @gaet27,

En effet j’ai oublié de le préciser :wink:

1 « J'aime »