Schalter Farbe ändern

[OnkelB.]

Moin, hab auf dem Dashboard einen Schalter,der eine Automation ein- und ausschaltet, das funktioniert super ! Nun bin ich auf der Suche das ikon ein wenig aufzuhübschen . Ein Traum wäre wenn ausgeschaltet: grün blinkend und wenn eingeschaltet : in rot statisch.
Kann mir jemand unter die Arme greifen ?
Code sieht momentan so aus ....

show_name: true
show_icon: true
type: button
tap_action:
  action: toggle
entity: automation.alarm_balkontur
name: Alarm
icon: mdi:alarm-light

 

[OnkelB.]

Keiner eine Idee ?

 

[RudiP]

Sagen wir so. Mit ein bisschen Googeln habe ich in 15 Minuten sowas zurecht gebastelt.

show_name: true
show_icon: true
type: button
tap_action:
  action: toggle
entity: automation.aaa
name: Alarm
icon: mdi:alarm-light
card_mod:
  style: |
    {% if is_state('automation.aaa','on') %}
      ha-state-icon {
      animation: blink 0s linear infinite;
      color: red !important;
      }
      @keyframes blink { 50% {opacity: 0;} }
    {%- else %}
      ha-state-icon {
      animation: blink 2s linear infinite;
      color: green !important;
      }
      @keyframes blink { 50% {opacity: 0;} }
    {%- endif %}

 

[OnkelB.]

Danke bin aber auch blutiger Anfänger im Gegensatz wie du!
Klar hab ich gegoogelt,aber nichts vergleichbares gefunden!
Füge ich den Code in meine Yaml Datei ein ? Also einfach unten dran hängen ?
Danke dir nochmals

 

[OnkelB.]

Hab jetzt den kompletten Code durch deinen ersetzt und die Entität angepasst ... Ändern tut sich leider nix ,heißt Icon ist grau wenn aus und gelb wenn an

show_name: true
show_icon: true
type: button
tap_action:
  action: toggle
entity: automation.alarm_balkontur
name: Alarm
icon: mdi:alarm-light
card_mod:
  style: |
    {% if is_state('automation.alarm_balkontur','on') %}
      ha-state-icon {
      animation: blink 0s linear infinite;
      color: red !important;
      }
      @keyframes blink { 50% {opacity: 0;} }
    {%- else %}
      ha-state-icon {
      animation: blink 2s linear infinite;
      color: green !important;
      }
      @keyframes blink { 50% {opacity: 0;} }
    {%- endif %}

 

[RudiP]

Hast Du den auch Card_mod aus HACS installiert ?
Hatte ich vergessen zu erwähnen.

 

[OnkelB.]

Nöö, ich gucke

 

[OnkelB.]

Gut ich bin zu alt oder zu doof .... Habe Hacs aber bekomme das mit der card_mod nicht gebacken

 

[RudiP]

HACS öffnen. Ich hoffe, wenigstens das hast Du schon installiert.
Sieht dann ungefähr so aus Nur ein Ausschnitt

Oben bei Suche dann einfach card-mod eingeben. Dann erscheint das Repositorie. Da dann drauf klicken.
Ganz rechts unten sollte dann ein großer blauer Button "Herunterladen" sein. Da drauf klicken.
Danach kurz neu laden und dann sollte Card-mod installiert sein.

Und zu alt, kann nicht sein. Ich bin 61 und bekomme es auch hin.
Also los, hopp. Keine Ausreden.

 

[OnkelB.]

Ich sag's doch ,bin zu doof ....
Hacs habe ich von Anfang an ,aber nach deiner Anleitung ,die ich vorhin schon probiert habe ,kommt das ....

 

[Nival]

Ich bin mir nicht sicher, ob card_mod nicht eher unter "Frontend" zu finden war (im zweiten Screenshot die Leiste unten, wo aktuell "Integrationen" gewählt ist) - und evtl. eher card_mod als card-mod meine ich.

 

[RudiP]

Ja ok. Du hast noch das alte HACS. Hatte ich auch lange Zeit, bis es sich irgendwann mal upgedatet hatte.
Wie Nival schon sagte, im zweiten Screenshot auf Frontend gehen.
Bei mir heißt es tatsächlich Card-mod, aber einfach mal nur "card" eingeben, dann erscheint das auch, zwar mit ein paar anderen, aber man findet es.

 

[OnkelB.]

Habe ich alles probiert in allen 4 Sachen und mit Binde - und Unterstrich

 

[saffi]

Bitte nochmal in HACS gehen. Oben in der Sucleiste alles rauslöschen und dann das hier eingeben:

card-mod

Dort findest Du dann card-mod 3. Dieses installieren und neu Starten.

 

[OnkelB.]

Joo jetzt ging es ,hab dann wie angegeben die configurations.yaml um den angegeben Text ergänzt ,gespeichert und HA neu gestartet ...... Meine Buttons hat das nicht interessiert ,bleibt bei Grau und gelb
Ich bekomme die config nicht kopiert ,deswegen ein Bild .... Ist nicht mein Tag heute

 

[Nival]

die configurations.yaml um den angegeben Text ergänzt

Die Frage wurde Dir noch nicht beantwortet - nein, nicht in die configuration.yaml, sondern in die Karte im Dashboard, wo auch der Text steht - stehen sollte - den Du im ersten Post kopiert hattest.

 

[saffi]

Doch das ist schon richtig. Den Eintrag muss er schon in die Config schreiben.

Nun wäre schön. wenn Du uns mal ein Beispiel Codeschnipsel aus deiner Karte zeigen könntest.

Geh dazu ins Dashboard, wo die Schalter konfiguriert und angezeigt sind. Geh dann auf Editor YAML und kopiere den Code. Dann hier unter Verwendung der entsprechenden Anzeige hier mal posten. danke.

Hier sit ja die Doku zu sehen:


Und in deinem Dashboard solltest du sowas finden:



Also in etwa. Das ist jetzt nicht das was du brauchst, sondern nur zur Veranschaulichung!

 

[Nival]

Ach, das extra einbinden - ja gut, hab ich nie gemacht, funktionierte auch so, aber ist richtig.

Den Code für die Karte schrieb er ja schon unter https://forum.heimnetz.de/threads/schalter-farbe-aendern.5100/#post-50756

 

[saffi]

ah ok. Zuviele Threads wieder offen und zuviel zur selbene Ziet.^^

OK. habe mal den Code eingefügt. Soweit ich das sehen kann, macht er genau was er soll.


Hier mal pulsierend.


Hier mit Auslösen von Alarm. Habe mir einen Staus einer Steckdose zu nutze gemacht. Also den Status ausgewertet.

Sollte also auch bei Dir klappen. Vorrausgesetzt, die Einbindung lief ohne Probs.
Hast Du einmal neu gestartet oder nur die YAML-Konfiguration neu geladen?

Wichtig sind auch die Einrückungen im Visualeditor! Wenn dort was nicht richtig formatiert ist, sucht man sich den bekannten Wolf.^^

 

[OnkelB.]

Im Moment komm ich nicht weiter ,ich probiere es morgen nochmal
Danke an alle