Hallo zusammen,
ist es möglich das icon auch zum blinken zu bekommen?
{% elif ( states('sensor.temperatur_wk_temperatur') | float(0) > 18 )%}
--card-mod-icon-color: green;
Ich habe schon etliches ausprobiert aber bekomme es nicht hin…
*--icon-animation: blink 2s linear infinite;*
*--card-mod-icon-animation: blink 2s linear infinite;*
irgendwie so müsste es doch aussehen oder sehe ich das falsch?
wäre prima wenn hier jemand eine Lösung für mich hätte.
Vielen Dank schon einmal.
Moin, ich möchte mich nochmal an das Thema anhängen.
Ich bekomme die Färbung des ICON nicht hin…kann mal jemand auf den Coder schauen?
- type: custom:mushroom-entity-card
entity: cover.shellyplus2pm_1c692047181c_cover_0
secondary_info: state
icon: mdi:window-shutter
name: Rolladen
card_mod:
style: |
ha-card {
{% if states("cover.shellyplus2pm_1c692047181c_cover_0", "open")
%}
--card-mod-icon-color: green;
{% else %}
--card-mod-icon-color: red;
{% endif %}
}
Die Abfrage sollte eher so aussehen:
{% if (states('cover.shellyplus2pm_1c692047181c_cover_0') == 'open') %}
Vielen Dank, ich habe dies eingesetzt, leider auch keine Funktion!
Ist der Status denn überhaupt open oder vielleicht on ?
Ansonsten mal so testen, entweder mit open oder mit on
card_mod:
style: |
ha-card {
{% if (states('cover.shellyplus2pm_1c692047181c_cover_0') == 'on') %}
--card-mod-icon-color: green;
{% else %}
--card-mod-icon-color: orange;
{% endif %}
}
Vielen Dank! Zustand war „Open“ und „Closed“ dein Snippet hat Funktioniert 
Danke
Auch mir dein Snippet geholfen und hat auf Anhieb Funktioniert Dankeschön
Kann mir evlt. hier noch mal Jemand helfen? Leider übernimmt er nur den Wert von der Temperatur nicht der Luftfeuchtigkeit.
show_name: false
show_icon: true
show_state: true
type: glance
entities:
- entity: sensor.temperatur_wz_temperatur
- entity: sensor.temperatur_wz_luftfeuchtigkeit
title: Wohnzimmer
state_color: true
card_mod:
class: middle-left
style: |
ha-card {
--ha-card-header-font-size: 15px;
line-height: 14px;
font-size: 15px;
{% if ( states('sensor.temperatur_wz_temperatur') | float(0) > 23 ) %}
--card-mod-icon-color: red;
{% elif ( states('sensor.temperatur_wz_temperatur') | float(0) < 20 )%}
--card-mod-icon-color: red;
{% elif ( states('sensor.temperatur_wz_temperatur') | float(0) > 20 )%}
--card-mod-icon-color: green;
{% endif %}
{% if ( states('sensor.temperatur_wz_luftfeuchtigkeit') | float(0) > 65 ) %}
--card-mod-icon-color: red;
{% elif ( states('sensor.temperatur_wz_luftfeuchtigkeit') | float(0) < 50 )%}
--card-mod-icon-color: red;
{% elif ( states('sensor.temperatur_wz_luftfeuchtigkeit') | float(0) > 50 )%}
--card-mod-icon-color: green;
{% endif %}
}
Eigentlich müsste die Temp ja grün sein
Du hast 2 Entitäten in einer Karte, setzt aber global für diese Karte die Icon-Farbe.
Und das zweimal. Hier gewinnt bei der Farbgebung immer die Luftfeuchtigkeit.
Vg Max
Alles klar @Max.Solar
Aber vielleicht hast du eine Lösung … ich würde dann nur eine Entität machen aber dann kommt nen Problem mit meinem LCARS Theme.
Nehme ich zum Bsp beim 2. Wert den “Balken” rechts weg ist alles gut nur die 1. Entität wird abgeschnitten
Dieses Mal habe ich das Problem nicht verstanden. 
Deswegen das Bild dabei, mache ich es als einzelne Karten wird wegen Platzproblem die erste Karte “abgeschnitten”, obwohl wie man sieht der Platz da wäre
Ok mit CSS hab ich es hinbekommen … aber nun fehlt die Überschrift, wie macht man dies am sinnvollsten?
Anbei der Code
square: true
type: grid
cards:
- show_name: false
show_icon: true
show_state: true
type: glance
entities:
- entity: sensor.temperatur_wk_temperatur
state_color: true
card_mod:
class: middle-left
style: |
ha-card {
line-height: 14px;
font-size: 15px;
width: 135px
}
- show_name: false
show_icon: true
show_state: true
type: glance
entities:
- entity: sensor.temperatur_wk_luftfeuchtigkeit
state_color: true
card_mod:
class: middle-blank
style: |
ha-card {
line-height: 14px;
font-size: 15px;
width: 120px
}
- show_name: false
show_icon: true
show_state: true
type: glance
entities:
- entity: sensor.temperatur_wk_temperatur
state_color: true
card_mod:
class: middle-left
style: |
ha-card {
line-height: 14px;
font-size: 15px;
width: 135px
}
- show_name: false
show_icon: true
show_state: true
type: glance
entities:
- entity: sensor.temperatur_wk_luftfeuchtigkeit
state_color: true
card_mod:
class: middle-blank
style: |
ha-card {
line-height: 14px;
font-size: 15px;
width: 120px
}
columns: 4
by HarryP: Zusammenführung Doppelpost (bei Änderungen oder hinzufügen von Inhalten bitte die „Bearbeitungsfunktion“ anstatt „Antworten“ zu nutzen)
14 Beiträge wurden in ein neues Thema verschoben: Icon-Frabe in „Custom-room-Card“ abhängig vom Entity-Zusatnd in unterschiedliche Farben ändern
Hallo zusammen,
könnte mir bitte jemand helfen. Ich hätte gerne, dass der Temperaturwert (nicht der Text dazu) je nach Temperatur verschiedene Farbe hat. Durch ausprobieren verschiedener Codeschnipsel habe ich es immerhin schon geschafft, dass der Wert entweder weiß (wenn im Normalbereich) oder “orange” (wenn erhöht) erscheint.
Ich hätte aber gerne 3 Abstufungen. Bis 33 Grad weiß, zwischen 34 und 45 Grad orange und ab 46 Grad in rot.
Hier mein bisheriger Codeschnipsel:
- entity: sensor.ruckschlagklappe
name: Rückschlagklappe
card_mod:
style:
hui-generic-entity-row:
$: |
.text-content:not(.info) {
color: {% if states(config.entity) | int >= 44 %} orange {% endif %}
;
}
Wäre nett, wenn mir jemand auf die Sprünge helfen könnte. Habe mittlerweile schon viele Stunden damit verbracht.
Versuche mal einen anderen Ansatz - schau so habe ich das gelöst
card_mod:
style: |
ha-card {
{% if ( states('sensor.trockner_ist_stromverbrauch') | float(0) < 1 ) %}
--card-mod-icon-color: grey;
{% elif ( states('sensor.trockner_ist_stromverbrauch') | float(0) < 5 )%}
--card-mod-icon-color: orange;
{% elif ( states('sensor.trockner_ist_stromverbrauch') | float(0) > 5 )%}
--card-mod-icon-color: green;
{% endif %}
}
Erst mal danke für Deine Antwort! Ich habe das mal auf meine Gegebenheiten umgeschrieben, aber leider passiert da bezüglich der Farbe gar nichts. Wobei ich ja auch nicht die Icons einfärben will, sondern nur den Wert (also die ausgegebene Temperatur).
So würde der umgeschriebene Code jetzt aussehen:
card_mod:
style: |
ha-card {
{% if ( states('sensor.ruckschlagklappe') | float(0) < 35 ) %}
--card-mod-icon-color: grey;
{% elif ( states('sensor.ruckschlagklappe') | float(0) < 50 )%}
--card-mod-icon-color: orange;
{% elif ( states('sensor.ruckschlagklappe') | float(0) > 50 )%}
--card-mod-icon-color: green;
{% endif %}
}
Steht die Rückschlagklappe eventuell genau auf 50% dann wird nix angezeigt mache mal <= oder >= bei einem Wert. Welche Karte möchtest du bearbeiten?
Nein, die Temperatur der Rückschlagklappe stand auf 41 Grad. Ich möchte das Ganze in einer ganz normalen Entitäten-Karte verwenden
Also bei mir funktioniert es so.
type: entity
entity: sensor.heizung_ww_hk_vl
card_mod:
style: |
ha-card {
{% if ( states('sensor.heizung_ww_hk_vl') | float(0) < 35 ) %}
--card-mod-icon-color: grey;
{% elif ( states('sensor.heizung_ww_hk_vl') | float(0) <= 50 )%}
--card-mod-icon-color: orange;
{% elif ( states('sensor.heizung_ww_hk_vl') | float(0) > 50 )%}
--card-mod-icon-color: green;
{% endif %}
}
keine Ahnung woran es bei dir liegt. 
Okay, dann lasse ich es an dieser Stelle mal gut sein. Bei mir funktioniert es damit leider nicht. Zumal ich ja wie gesagt auch nicht die Icons farbig haben möchte, sondern den angezeigten Wert. Aber ich habe damit jetzt schon so viel Zeit verbracht, sodass jetzt schon langsam der Haussegen schief hängt.
Wäre halt auch schön gewesen für meine Klimakarte.