Hallo zusammen,
nutze ein Standart Dashboard. Als Theme das nord Theme, wobei es bei dem Standart Theme benfalls so ist. Wenn mein Tüschloss offen ist, wird es on rot angezeigt. Ist es abgeschlossen in grün. Das Stört mich doch sehr und ichj hoffe mir kann jemand als Anfänger erklären wie ich das evtl. ändern kann?
Such mal nach dem Thema card_mod und dann icon_color
Danke werde ich machen.
Ich weiß nicht welche Card du nutzt, aber evtl. hilft das
card_mod:
style: |
ha-state-icon {
color: orange;
}
Vorausgesetzt card_mod ist installiert.
Habe Card_mod über Hacs installiert, in der config.yaml eingetragen wo der mod liegt.
frontend:
extra_module_url:
- /hacsfiles/lovelace-card-mod/card-mod.js
Dann über Raw Konfigurator deinen Code eingefügt an oberster Stelle. Es ändert sich aber nichts. Ich nutze ein Theme ios-dark-mode.
Du musst weder in der config.yaml einen Eintrag machen, noch den RAW-Konfigurator nutzen.
Einfach in die Dashboardkarte den Code setzen, wobei du vermutlich die Entitäten-Karte nutzt, da wird das so nicht funktionieren. Ich vermute da werden dann alle Icons Orange.
Wenn es eine entities Karte sein sollte, bei der die icons individuell eingefäbt werden sollen, dann geht das so:
type: entities
entities:
- entity: sensor.rollladen_gesamt_zustand
card_mod:
style: |
:host {
color: green; #Textfarbe;
--card-mod-icon-color: green;
}
- entity: sensor.restmull
Das kann man dann auch noch mit if-Bedingungen erweitern, für wechselnde Farben.
Danke für den Hinweis, könntest Du mir auch noch die if Bedingung schreiben? Wie muss eine solche dann aussehen? Bin leider absoluter Neuling.
nur kurz aus meiner Dummy Karte rauskopiert:
:host {
color: #821429;
{% if states('sensor.shelly_zirkulation_switch_0_power')|int(0) >= 20 %}
--card-mod-icon-color: green;
{%- elif states('sensor.shelly_zirkulation_switch_0_power')|int(0) >= 6 %}
--card-mod-icon-color: #FF7F55;
{% elif states('sensor.shelly_zirkulation_switch_0_power')|int(0) <= 5 %}
--card-mod-icon-color: red;
{% endif %}
}
Ich hänge mich hier mal dran, auch denn der Thread schon älter ist.
Ich wollte gerne eine Farbänderung je nach offen/zu einbauen. Klappt aber nicht. Wo ist denn da der Fehler?
- type: state-icon
entity: binary_sensor.cupra_terramar_window_closed_left_front
hold_action:
action: toggle
style:
left: 32%
top: 27%
card-mod:
style: |
ha-state-icon {
{% if states('binary_sensor.cupra_terramar_window_closed_left_front') == 'on' %}
color: green;
{% else %}
color: red;
{% endif %}
}
card_mod ist installiert?
Ich befürchte bei state-icon funktioniert das mit ha-state-icon nicht. Musst du mal suchen.
Hallo, ich mal wieder, Nachdem ich mir diesen Beitrag von Simon42 angesehen habe,
Individueller Look fürs Home Assistant Dashboard! (Icon-Farbe ändern!)
würde ich auch gerne Zustände von Rollläden und Türen in Kacheln rot und grün haben, so bin ich es bisher gewohnt.
Dazu habe ich versucht, folgenden Code in einer Kachel umzusetzen:
type: tile
entity: cover.eg_bad_rolllade_eg_bad_rollo_auf_ab
style:
"--state-cover-shutter-open-color": red
"--state-cover-shutter-closed-color": lightgreen
features_position: bottom
vertical: false
Mir wird aber angenörgelt, dass der Befehl „style“ im visuellen Editor nicht erwartet oder unterstützt wird. Auch ändert sich die Farbe nicht. Beim Panel bekomme ich es hin, hier ändert sich aber der Farbzustand nicht.
Muss ich noch irgendein Plugin oder so etwas haben? Oder wo liegt mein Fehler?
Ich vermute auch, dass da irgendwas fehlt. Aber wenn man das Video in Minute 5:08 anschaut, hat er kurz eine Kachel auf mit genau den Befehl und genau meine Fehlermeldung und offensichtlich funktioniert es bei ihm. Ohne eine card-mod-Zeile. Das habe ich exakt nachgebaut, bei mir färbt sich nichts.
Allerdings erwähnt er nirgends ein Mod. 
Kann mir da jemand, eventuell Simon selbst was zu sagen? 
Dass er danach mit Themes arbeitet, hab ich mitbekommen, da brauche ich aber noch etwas Zeit.
Hi,
ich bin mir nicht sicher ob das so einfach in der Karte ohne Card_Mod geht.
Das Beispiel im Video ist nen bischen durcheinander. Ohne “style:“ steht das im “Stil-Feld” der Bilder Karte. Das findet sich im Code nachher so:
type: picture-elements
elements:
- type: state-badge
entity:
style:
top: 32%
left: 40%
- type: state-icon
style:
left: 50%
top: 50%
"--state-cover-shutter-open-color": red
"--state-cover-closed-color": lightgreen
In der Tile-Card, in dem Video siehst du das dort genau der von dir benannte Fehler auch erscheint. Es funktioniert so also nicht in der Kachel.
Ich habs nicht getestet, aber ich denke mal ohne Card-Mod wird das eher nicht gehen.