Custom Button Card - dynamisch die Farbe des Icons ändern

Dashboard/Cards/Frontend
,
1

Hallo Community,

ich brauche als HA-Neuling eure Hilfe.

Ich versuche die Farbe eines Icons einer Custom Button Card dynamisch zu ändern.

Folgende Code habe ich dazu:

show_name: true
show_icon: true
show_state: false
name: PV-Laden
type: custom:button-card
icon: mdi:solar-power-variant-outline
color: |
  {% if is_state('sensor.openwb_chargemode_read', 'PV-Laden') %}
    red
  {% else %}
    blue
  {% endif %}
tap_action:
  action: call-service
  service: mqtt.publish
  data:
    topic: openWB/set/vehicle/template/charge_template/3/chargemode/selected
    payload: pv_charging
    qos: '0'
hold_action:
  action: none

Leider funkitoniert es nicht.

Der Sensor-Status welchen ich abfragen möchte ist dieser:

image
image1024×636 34.2 KB

Kann mir jemand sagen, wo der Fehler liegt?

Anmerkung: Wenn ich die Farbe des Icons mit einem festen Wert (z.B. red) ändere dann funktioniert es. Ich nehme also an, dass der Fehler im Code hinter “color:” liegt.

Danke schon mal im voraus für eure Hilfe.

Gruß
HAMausepaul

2

Hallo.
Du könntest es es mal anstatt mit color: mal mit state: versuchen. Ich habe das aus einer meiner Karten kopiert und müsste natürlich auf deine Entitäten angepasst werden:

state:
  - value: 'on'
    color: yellow
    icon: mdi:alarm-light-outline
    styles:
      card:
        - animation: blink 2s ease infinite
  - value: 'off'
    color: Green
    icon: mdi:alarm-light-outline

Ich weis allerdings nicht ob das value: auch mit deinem ‘PV-Laden’ funktioniert da ich selber blutiger Anfänger bin und mir die Code-Snippes überall zusammensuche… :shushing_face:

1 „Gefällt mir“
3

Hallo,

das war genau der Stups den ich brauchte! Vielen Dank!

Habe es jetzt so umgesetzt und es funktioniert:

show_name: true
show_icon: true
show_state: false
entity: sensor.openwb_chargemode_read
name: PV-Laden
type: custom:button-card
icon: mdi:solar-power-variant-outline
color: grey
state:
  - value: PV-Laden
    color: Green
    icon: mdi:solar-power-variant-outline
tap_action:
  action: call-service
  service: mqtt.publish
  data:
    topic: openWB/set/vehicle/template/charge_template/3/chargemode/selected
    payload: pv_charging
    qos: '0'
hold_action:
  action: none

Gruß
HAMausepaul

4

Hallo!
Was müsste ich bei “color:” eingeben, damit die Farbe der dem Theme-Standard entspricht?