hallo zusammen,
ich versuche auf meiner picture-elements card (kombi aus horizontaler und vertikaler stapel) die state-badges von meinen thermo- und hygrometern anzupassen.
es geht um eine steuerung für ein gewächshaus.
den roten rand der badges würde ich gerne ändern, falls es möglich ist das sie je nach aktuellem wert noch unterschiedliche farben haben (absoluter traum wäre das für tags und nacht auch unterschiedliche bereiche definiert werden können) wäre das natürlich das nonplusultra.
hierzu habe ich nur alte yaml-codes gefunden die nicht mehr mit der aktuellen ha version funktionieren oder nur mit “state-icons/entitäten” funktionieren
der code aktuelle lautet wie folgt:
type: vertical-stack
cards:
- cards:
- type: picture-elements
style:
border-radius: 20px
box-shadow: 3px 3px rgba(0,0,0,0.4)
border: solid 1px rgba(100,100,100,0.3)
overflow: hidden
image: /local/zelt3.png
elements:
- style:
color: green (damit ändere ich nur die farbe der beschriftung)
top: 62%
left: 40%
type: state-badge
entity: sensor.sensor_pflanze_temperatur
egal was ich versucht habe, farblich hat sich an der anzeige nichts verändert. nur
lediglich die “state-icons” konnte ich auf meiner karte anpassen, oder in seperaten karten wo nur entitäten drin waren.
hoffe jmd kann mir da weiterhelfen, würde mich mega freuen 
ärgert mich schon das ich es nicht selbst hinbekomme^^
gruß andre
by HarryP: Codezeilen formatiert (bitte immer in </> einbinden)
Meinst du sowas wildes buntes
( keine Sorge, war nur ein Test )
ja so in der art, aber für state_badges (kreis mit dem wert in der mitte und der einheit darunter), nicht für state_icons(schalter/icons), letzteres habe ich auch schon hinbekommen, aber mit den badges will es einfach nicht klappen. habe schon mit !important versucht und chatgpt… weißt du mir vlt weiter? 
Die Farben oben sind über " Card-Mod 3" gemacht, da kann man viele ändern, Hintegrund, Schriftfarbe usw. auch Zustandsabhängig.
War ne Spielerei, als die das YT-Video von “smart home & more” geschaut habe, vielleicht kansnt du da was rausziehen
ja das video habe ich auch schon versucht umzugesetzen. leider hat das überall, nur nicht bei den temperatur und feuchtigkeits state-badges funktioniert, die ändern sich bei mir leider nicht optisch
genau das gleiche Problem hab ich auch! Mir würde es bei mir schon reichen, wenn die Feuchtigkeitswerte anstatt der roten Umrandung blau wären, aber ich hab keine Chance dies zu ändern.
Gibt es vielleicht vergleichbare Alternativen? Hat irgendwer Ideen ?
HM,
evtl. hilft es schon, wenn man weiß, welche Attribute im Code verwendet werden.
mal mit den dev. Werkzeugen des Browsers das Element ansehen, vlt. gibt es da schon etwas, das man ansprechen kann - da kann man das auch mal gefahrlos proboeren und sieht live, was sich ggf. ändert. Und kann das dann mittels Card-Mod in CSS ändern
jm2c
Grüße Franky
Das ist sogar eine recht gute Idee, danke für den Tipp. lg Horst
Hallo zusammen,
ich hab jetzt wieder ne zeitlang drauf vergessen, dass ich was machen wollt mit Badges und Feuchtigkeit/Temperatur. Heut bin ich die Sache erneut angegangen und hab jetzt mal ganz was anderes gemacht, das wollte ich mit euch teilen, vielleicht hilft es 
Ob es die beste Lösung für jedermann ist, sei mal dahin gestellt, aber zeigen wollt ichs dennoch.
type: picture-elements
image: /local/Floorplan/Wohnung_18.png
elements:
- type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
--chip-background: transparent;
}
ha-card {
--primary-text-color: blue;
}
chips:
- type: entity
entity: sensor.wz_luft
icon_color: blue
style:
left: 67%
top: 75%
- type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
--chip-background: transparent;
}
ha-card {
--primary-text-color: red;
}
chips:
- type: entity
entity: sensor.wz_temp
icon_color: red
style:
left: 67%
top: 60%
- type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
--chip-background: transparent;
}
ha-card {
--primary-text-color: blue;
}
chips:
- type: entity
entity: sensor.sz_luft
icon_color: blue
style:
left: 67%
top: 40%
- type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
--chip-background: transparent;
}
ha-card {
--primary-text-color: red;
}
chips:
- type: entity
entity: sensor.sz_temp
icon_color: red
style:
left: 67%
top: 25%
- type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
--chip-background: transparent;
}
ha-card {
--primary-text-color: blue;
}
chips:
- type: entity
entity: sensor.buro_hum
icon_color: blue
style:
left: 40%
top: 75%
- type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
--chip-background: transparent;
}
ha-card {
--primary-text-color: red;
}
chips:
- type: entity
entity: sensor.buro_temp
icon_color: red
style:
left: 40%
top: 60%
- type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
--chip-background: transparent;
}
ha-card {
--primary-text-color: blue;
}
chips:
- type: entity
entity: sensor.vorraum_temperatur_humidity
icon_color: blue
style:
left: 35%
top: 43%
- type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
--chip-background: transparent;
}
ha-card {
--primary-text-color: red;
}
chips:
- type: entity
entity: sensor.vorraum_temperatur_temperature
icon_color: red
style:
left: 48%
top: 43%
grid_options:
columns: 15
rows: 6
lg Horst
1 „Gefällt mir“
