Icon in der Farbe vom Zustand wechseln

Allgemein
,
1

Hallo zusammen,
ich hab mir einen Button für das Garagentor in der Configuration.yaml zusammengestellt, das einen Torkontakt und gleichzeitig den Taster auslöst.
Was ich aber nicht hinbekomme, das sich die Farbe je nach Zustand ändert.
Da bräuchte ich mal eure Hilfe, am beste so erklärt das man es auch ohne Programmierkenntnisse versteht. :wink:

Mein yaml Coder sieht bis jetzt so aus:

# Garagentor
cover:
  - platform: template
    covers:
      garage_door:
        device_class: garage
        friendly_name: "Garage Door"
        position_template: "{{ states('binary_sensor.torkontakt_garage_tur') }}"
        open_cover:
          service: switch.turn_on
          data:
            entity_id: switch.garagentor
        close_cover:
          service: switch.turn_on
          data:
            entity_id: switch.garagentor
        stop_cover:
          service: switch.turn_on
          data:
            entity_id: switch.garagentor
        icon_template: >
            {% if is_state('binary_sensor.torkontakt_garage_tur', 'on') %} 
              mdi:garage-open-variant
            {% else %} 
              mdi:garage-variant
            {% endif %}

In Verwendung von einer Custom Button Card

Bildschirmfoto 2024-05-23 um 18.18.47
Bildschirmfoto 2024-05-23 um 18.18.471990×1084 186 KB

Das Icon wechselt den Status je nach Zustand, das funktioniert schonmal, nur das mit der Farbe bekomme ich nicht hin.

2
3

ich habe das so gelöst:



type: custom:button-card
entity: switch.toroeffner
show_entity_picture: true
show_state: false
show_label: true
show_name: false
aspect_ratio: 2/1
icon: |

  [[[
    if (states['binary_sensor.hoftor'].state === "on")
      return "mdi:garage-open" ;
    else if (states['binary_sensor.hoftor'].state === "off")
      return "mdi:garage-lock" ;
  ]]]
styles:
  icon:
    - color: |
        [[[  
        if (states['binary_sensor.hoftor'].state == 'off')
          return "green";
        else
          return "red";
        ]]] 
tap_action:
  action: toggle

Einfach das jeweilige Icon, die Farbe und die Entität(en) anpassen. bei mir triggert ein Relais im Sicherungsschrank das Tor, daher die beiden unterschiedlichen Entitäten. Damit habe ich dem Relais ein anderes Icon verpasst.

Hoffe es hilft.