Guten Morgen zusammen,
ich habe die letzten Abende mehrere Stunden damit verbracht, verschiedene Lösungen auszuprobieren, um die Icon-Farbe je nach Zustandswert einzufärben. Auch versuche ich das mit dem Wert an sich.
Folgende Lösung „müsste“ meinem Erachten nach funktionieren, tut sie aber nicht:
type: entities
entities:
- entity: climate.wohnbereich
type: custom:multiple-entity-row
name: Wohnbereich
icon: mdi:fireplace
show_state: false
secondary_info: last-updated
card_mod: null
style: |
.icon {
{% if states('sensor.wohnbereich_440_luftfeuchtigkeit') | float > 60 %}
--tile-color: red !important;
{% elif states('sensor.wohnbereich_440_luftfeuchtigkeit') | float > 40 %}
--tile-color: orange !important;
{% else %}
--tile-color: green !important;
{% endif %}
}
hui-generic-entity-row {
$:
.info {
.secondary {
font-size: 0.8em;
}
}
}
entities:
- entity: sensor.wohnbereich_440_temperatur
name: Ist
format: precision1
styles:
color: grey
- entity: sensor.wohnbereich_440_luftfeuchtigkeit
name: rF
format: precision1
card_mod:
style: |
:host {
{% if states('sensor.wohnbereich_440_luftfeuchtigkeit') | float > 60 %}
color: red !important;
{% elif states('sensor.wohnbereich_440_luftfeuchtigkeit') | float > 40 %}
color: orange !important;
{% else %}
color: lightblue !important;
{% endif %}
}
- entity: climate.wohnbereich
attribute: temperature
unit: °C
name: Soll
styles:
color: darkorange
Zum Test die erste Zeile: Man sieht das der Untertitel wieder größer ist (warum?), sich die Iconfarbe nicht verändert, und die Textfarbe weiß ist.
Ich bin dankbar um jede Hilfe.
