Icon Farbe ändern

Allgemein
1

Hallo,

ich habe eine Entität “sensor.bambulab_a1_ams_slot_1” mit dem Attribute “color”. Als Ergebniss wird mir der Hex-Wert “#19c344” angezeigt.
Nun möchte ich gerne mit diesen Wert die Farbe eines Icon ändern.

Gibt es dafür eine Lösung

Danke
lg Margreiter

2

Das geht über Umwege (kein Standard) aber dafür mußt Du sagen über welche Karte Du das Icon eingebunden hast. Stichworte, nach denen Du suchen solltest, sind card_mod oder button-card. In beiden mußt Du Dich einarbeiten und probieren.

Hier ein konkretes Beispiel mit Icon Farbe.

3

Die Mushroom Template Karte wäre auch noch eine Alternative. Diese akzeptiert auch HEX Color

IMG_5268
IMG_52681170×312 27.5 KB

Das Template für die Farbe wäre dann:

{{ state_attr('sensor.bambulab_a1_ams_slot_1', 'color') }}

Also

IMG_5269
IMG_52691170×455 76 KB

Gruß
Osorkon

1 „Gefällt mir“
4

Danke für die schnnelle Antwort, bei der Mushroom Template Karte funktioniert es einwandfrei. Würde es bei einer Bildelemente-Karte benötigen

lg Margreiter

5

Hallo,

ich habe das selbe Problem, bekomme es aber gerade nicht hin.
Bei mir kommt zusätzlich noch ein weiterer HEX-Block mit raus…

color: “#FFFFFFFF”

wo ist mein Fehler?

type: custom:button-card
entity: sensor.x1c_XXXXXX_ams_1_slot_1
name: AMS Slot 1
state:
  - value: "on"
    color: |
      [[[
        return states['sensor.x1c_XXXXXX_ams_1_slot_1'].attributes.color;
      ]]]
  - value: "off"
    color: "#808080ff"
6

Ich denke, Du bist auf dem richtigen Weg.
Styles ist noch nicht sauber definiert, die hex Angabe ist ok.
Hier einstige 2 Beispiele von mir zum Vergleichen

7

ich steig da heute nicht mehr durch… das ist mir jetzt zu hoch :exploding_head:

8

Nicht das Du noch schlecht schläfst …

type: custom:button-card
entity: sensor.x1c_XXXXXX_ams_1_slot_1
name: AMS Slot 1
state:
  - value: "on"
    styles:
      card:
        - background-color: |
            [[[ return states['sensor.x1c_XXXXXX_ams_1_slot_1'].attributes.color || '#FFFFFF'; ]]]
  - value: "off"
    styles:
      card:
        - background-color: "#808080ff"
9

hey danke dir, dass du noch tätig warst. Leider klappt es trotzdem nicht :frowning:

greif ich irgendwelche falschen infos aus dem Sensor ab?

2025-01-26 19_45_37-Entwicklerwerkzeuge – Home Assistant
2025-01-26 19_45_37-Entwicklerwerkzeuge – Home Assistant1591×394 33.9 KB

10

ok habs nun.

type: custom:button-card
entity: sensor.x1c_xxxxxx_ams_1_slot_1
name: Slot 1
styles:
  card:
    - background-color: |
        [[[ 
          return states['sensor.x1c_xxxxxx_ams_1_slot_1'].attributes.color || '#FFFFFF'; 
        ]]]