Couleur d'une icône Tuile en fonction d'un état

[Thomas9278]

Bonsoir,

Débutant, j’ai une question sûrement très bête, mais après différents essais et recherches je ne trouve pas la solution, si quelqu’un l’avait ça me ferait gagner beaucoup de temps.

J’ai une carte tuile pour un fil pilote Nodon qui fonctionne bien, je voudrais juste modifier la couleur de l’icône en fonction de l’état. J’ai déjà d’autres tuiles dont la couleur de l’icône est en fonction d’une valeur numérique, là ça serait en fonction de l’état du fil pilote. Voici le dernier code que j’ai testé :

features:
  - type: select-options
    options:
      - "Off"
      - FrostProtection
      - Eco
      - Comfort
type: tile
entity: select.zb_fp_salon2_mode_du_fil_pilote
features_position: inline
vertical: false
name: Radiateur salon 2
hide_state: true
show_entity_picture: false
grid_options:
  columns: full
color: |-
  {% if states(entity) == "Off"}
    green
  {% elif states(entity) == "Eco"}
    red
  {% else %}
    blue
  {% endif %}

Mais malheureusement l’icône reste noire, pas d’erreur de code signalée. Pourriez-vous me préciser la bonne syntaxe des If pour tester l’état du fil pilote et y associer la bonne couleur d’icône ?

[BBE]

On ne peut pas mettre de template dans les cartes tuiles

Pour faire ça il te faut soit passer par card mod, soit changer de carte comme par exemple mushroom template ou button card

[WarC0zes]

Bonjour,
je montre un exemple sur ce post avec card_mod:

Tile card : modifier la couleur de l'icône en fonction de l'état

Bonjour, c’est ha-tile-icon qui faut utiliser dans card_mod pour modifier la couleur de l’icone. exemple: type: tile entity: cover.garage_door features: - type: cover-open-close card_mod: style: | ha-tile-icon { {% if is_state('cover.garage_door', 'open') %} --tile-color: red; {% else %} --tile-color: green; {% endif %} } ca modifie le background de la carte tile, quand tu passe la souris dessus ou que tu actionne le bouton: ha-card { …

[Thomas9278]

Je viens de réussir avec ton exemple, merci beaucoup !

features:
  - type: select-options
    options:
      - "Off"
      - FrostProtection
      - Eco
      - Comfort
type: tile
entity: select.zb_fp_salon2_mode_du_fil_pilote
features_position: inline
vertical: false
name: Radiateur salon 2
hide_state: true
show_entity_picture: false
grid_options:
  columns: full
card_mod:
  style: |
    ha-tile-icon {
      {% if is_state('select.zb_fp_salon2_mode_du_fil_pilote', 'Off') %}
        --tile-color: grey;
      {% elif is_state('select.zb_fp_salon2_mode_du_fil_pilote', 'Comfort') %}
        --tile-color: red;
      {% elif is_state('select.zb_fp_salon2_mode_du_fil_pilote', 'Eco') %}
        --tile-color: green;
      {% elif is_state('select.zb_fp_salon2_mode_du_fil_pilote', 'FrostProtection') %}
        --tile-color: blue;
      {% endif %}
    }

[Thomas9278]

J’ai réussi avec un exemple, merci de ta réponse rapide !