Icon-color: Mushroom

Entraide Home Assistant
,
1

Bonjour,

Je cherche à faire passer l’icone en vert quand une automatisation est activé et en rouge quand elle ne l’est pas.
image

Le pb c’est que je n’ai pas de couleur et je ne comprend mon erreur parce que je pense avoir bien fait…

merci d’avance pour votre aide

  - type: custom:mushroom-chips-card
    chips:
      - type: entity
        entity: automation.portail_fermeture_automatique
        content_info: none
        icon: mdi:circle
        icon_color: |
          {% if is_state('automation.portail_fermeture_automatique','on') %}
            green
          {% else %}
            red
          {% endif %}
        use_entity_picture: false
        tap_action:
          action: toggle
2

Bonjour
ton erreur vient du fait que tu utilises le chips entity qui ne permet pas d’utiliser un template.
Il faut passer par le chips template.

Sinon, il faut passer par card_mod pour le chip entity.

image
image705×820 27.1 KB

card_mod:
  style:
    mushroom-conditional-chip:nth-child(1):
      mushroom-template-chip$: |
        ha-state-icon {
          --color: red;
        }
    mushroom-entity-chip:nth-child(2)$: |
      ha-state-icon {
        --color: red;
      }
    mushroom-action-chip:nth-child(3)$: |
      ha-state-icon {
        --color: red;
      }
    mushroom-light-chip:nth-child(4)$: |
      ha-state-icon {
        --color: red;
        --icon-color: blue;
      }
    mushroom-weather-chip:nth-child(5)$: |
      ha-state-icon {
        # Cant be changed as it is not a normal HA icon.
      }
    mushroom-template-chip:nth-child(6)$: |
      ha-state-icon {
        --color: red;
      }
    mushroom-alarm-control-panel-chip:nth-child(7)$: |
      ha-state-icon {
        --color: red !important;
      }
    mushroom-back-chip:nth-child(8)$: |
      ha-state-icon {
        --icon-color: blue;
      }
    mushroom-menu-chip:nth-child(9)$: |
      ha-state-icon {
        --icon-color: blue;
      }

Un exemple pour le changement de couleur de l’icône suivant un état.

card_mod:
  style:
    mushroom-conditional-chip:nth-child(1):
      mushroom-template-chip$: |
        ha-state-icon {
          {% if states("automation.portail_fermeture_automatique") == 'on' %} 
            --color: green;
          {% else %}
            --color: red;
          {% endif %}          
        }
3

Bonjour,

Quand elle est activée ou exécutée ?
Car là il est bien vert ton icône :thinking:
Pas sûr d’avoir bien compris.

4

Salut,.
Son code est si ouvert en vert et fermé en rouge. Sur ça capture, c’est bien fermé, mais en vert.

edit:
pas fait attention, c’est une automatisation :sweat_smile:

1 « J'aime »
5

Sinon, tu peux passer par une custom:button-card :grin:

Un exemple :
forum

2 « J'aime »
6

Tu mérites ton titre de button-card(ian) :smile:

1 « J'aime »
7

Bah, c’est quand même plus bôôô, en plus maintenant j’ai un template pour tous mes boutons (mais avec tellement de variables qu’ils sont pas beaucoup moins court en terme de nombre de ligne que certains boutons simples).

8

Chacun ces gouts image

9

Maintenant que tu nous as mis l’eau à la bouche avec cette belle animation, c possible d’avoir le code :blush:.
Je suis passé du button card au mushroom card puis button card pour ma porte de garage pas aussi évolué :sweat_smile:

10

Tu trouveras tout ici : Animer un icône pendant une durée déterminée - #26 par Cleya

11

Merci j’étais passé au travers, c’est surtout l’animation qui claque :wink:

12

C’est ce que je disais à @WarC0zes : c’est quand même plus bôôô :crazy_face:

1 « J'aime »