Icon per Template in verschiedenen Farben anzeigen

Dashboards
1

Moin liebe Community. ich habe mir ein template Sensor „gebaut“ der mir einen anderen Status anzeigen soll, als der „normale“. Funktioniert soweit auch, alles gut.
jetzt möchte ich aber auch noch das Icon anders färben. also wenn Status „on“ grün, bei off „red“
meine momentante configuration.yaml sieht so aus:

      wohnzimmer_fenster_icon:
        friendly_name: "Template Fenster Wohnzimmer Icon"
        unique_id: template_fenster_wohnzimmer_icon
        value_template: >-
          {% if is_state('binary_sensor.wohnzimmer_fenstersensor_contact', 'on') %}
            Offen
          {% else %}
            Zu
          {% endif %}
        icon_template: >-
          {% if is_state('binary_sensor.wohnzimmer_fenstersensor_contact', 'on') %}
            mdi:window-open
          {% else %}
            mdi:window-closed
          {% endif %}

icon_color:
funktioniert leider nicht, daher bin ich jetzt an einem punkt angelangt, wo ich nicht mehr weiß wie ich „weiter“ machen soll…

Kann mir jemand vielleicht ein wenig auf die sprünge helfen, die icon farbe bei einem gewissen zustand zu ändern?
Vielen lieben dank schonmal!

2

Das icon kannst du hier nicht im als template sensor setzen. Die Farbe musst du im Frontend ändern.

So müsste es funktionieren, Sensor:

  - platform: template
    sensors:
      temperature_color:
        friendly_name: "Außentemperatur Farbconfig"
        value_template: >
          {% set temp = states('sensor.aussentemperatur_temperatur') | float %}
          {% if temp < 10 %}
            steelblue
          {% elif temp < 15 %}
            green
          {% elif temp < 23 %}
            orange
          {% else %}
            red
          {% endif %}

Beispiel Button Card:

type: custom:button-card
entity: sensor.aussentemperatur_temperatur
icon: mdi:thermometer
styles:
  icon:
    - color: >
        [[[
          if (states['sensor.temperature_color'] 
              && states['sensor.temperature_color'].state == 'steelblue') return 'steelblue';
          if (states['sensor.temperature_color'] 
              && states['sensor.temperature_color'].state == 'green') return 'green';
          if (states['sensor.temperature_color'] 
              && states['sensor.temperature_color'].state == 'orange') return 'orange';
          if (states['sensor.temperature_color'] 
              && states['sensor.temperature_color'].state == 'red') return 'red';
          return 'var(--icon-primary-color)';
        ]]]
  name:
    - color: var(--primary-text-color)

Falls das

styles:
  icon:
    - color: >

nicht geht kannst du die Farbe nochmal über card-mod versuchen zu ändern.