Bildelement-Karte Iconsymbolfarbe nach Status ändern

Allgemein
1

Guten Morgen in die Runde, ich bin hier relativ neu mit dem Thema HA und möchte nun gerne bei meinen bisher erstellten Bildelementkarten mit den entsprechenden Entitäten die Farben ändern.

Aktuell habe ich z.b. einen Magnetkontakt eingefügt und bekomme auch die Zustände angezeigt. bei geschlossener Tür blau

image
image299×122 7.75 KB

und bei geöffneter Tür ein orangenes Rechteck.

Nun möchte ich gerne die Farben ändern. Ich habe es mit Simons Einträgen versucht, das klappt aber nicht.

image
image628×287 9.26 KB

Hat jemand eine Idee, was ich falsch mache?

DANKE und Gruß im Vorfeld

2

bitte poste deinen kompletten Code der Karte. Dazu “</>” benutzen. Mit deinem Screenshot ist leider nichts anzufangen, da er so wie es ausschaut keinen vollständigen Code anzeigt.

Wenn ich raten soll … es fehlt ein Eintrag.

Hast du

state_color: true

im Code gesetzt?

3

Hallo @Schwippser ,

so?

- type: grid
        cards:
          - type: heading
            heading: Neuer Abschnitt
          - type: picture-elements
            elements:
              - type: state-icon
                style:
                  left: 33%
                  top: 74%
                  '--state-binary_sensor-open-color': red
                  '--state-binary_sensor-closed-color': lightgreen
                entity: binary_sensor.lumi_lumi_sensor_magnet_aq2_offnung
              - type: state-icon
                style:
                  left: 21%
                  top: 19%
                entity: binary_sensor.fritz_box_7590_verbindung
              - type: state-label
                style:
                  left: 67%
                  top: 27%
                entity: sensor.kuhlschran

:crayon:by HarryP: Post formatiert

4

Das Einfügen deines Codes war schonmal richtig :smiley:

Aber im Code fehlt was. Ich nutze Picture-Elements nicht, aber wenn ich die Doku dazu richtig lese muss dein Code so aussehen:

- type: grid
        cards:
          - type: heading
            heading: Neuer Abschnitt
          - type: picture-elements
            elements:
              - type: state-icon
                state_color: true
                style:
                  left: 33%
                  top: 74%
                  '--state-binary_sensor-open-color': red
                  '--state-binary_sensor-closed-color': lightgreen
                entity: binary_sensor.lumi_lumi_sensor_magnet_aq2_offnung
              - type: state-icon
                style:
                  left: 21%
                  top: 19%
                entity: binary_sensor.fritz_box_7590_verbindung
              - type: state-label
                style:
                  left: 67%
                  top: 27%
                entity: sensor.kuhlschran

Und bei deinem Kühlschrank fehlt ein “k”. Es sei denn deine Entität schreibt sich wirklich ohne “k”.

5

hat leider nicht geklappt, es sei denn ich muss nach dem Speichern neu starten. Aber so ist der Status unverändert.

Trotzdem Danke. Vielleicht hat ja noch jemand einen Tipp.

6

Schau mal in unter Entwicklerwerkzeuge >>> Zustände bei deinem “binary_sensor.lumi_lumi_sensor_magnet_aq2_offnung” nach ob der Zustand wirklich “open” und “closed” heißt. Bei meinen Fenstersensoren habe ich bei Öffnung nämlich die Zustände “on” (für offen) und “off” (für geschlossen).

Du mußt also

'--state-binary_sensor-open-color': red
'--state-binary_sensor-closed-color': lightgreen

ersetzen mit

'--state-binary_sensor-on-color': red
'--state-binary_sensor-off-color': lightgreen

Habs gerade getestet und bei mir funktioniert es.

1 „Gefällt mir“
7

DANKE!!! :raising_hands:

1 „Gefällt mir“
8

magst du mal bitte “Lösung” anhaken! Dann erkennen auch andere, dass dieser Thread zu einer Lösung geführt hat