Home Assistant Icon Farbe......

[Bohnenhans]

Hmmm ich will eigentlich nur die Farbe des Icons auf Basis des Status einfärben aber irgendwi tut das nicht ich hab da mal ein wenig rumprobiert

Die Anzeige "VOLL" / "LEER" passt schon - ist ein String, den ich per MQTT auslese
ich könnte natürlich auch mehr Daten über MQTT übergeben wie integer oder so.

 sensor:
    - name: BriefkastenPrivat.Status
      unique_id: briefkasten_privat
      state_topic: briefkasten_privat/status
      value_template: "{{ value_json.status }}"

Das gerade der aktuelle Status aber der tut natürlich auch nicht

type: entities
entities:
  - entity: sensor.briefkastenprivat_status
    icon: mdi:mailbox-up
    icon_color: |-
      {% set state=states(entity) %}
      {% if state=='VOLL' %}
      green
      {% else %}
      grey
      {% endif %}
title: Briefkaesten
state_color: true

 

[Bohnenhans]

Dann antwiorte ich mir mal selber das tut jetzt - card_mod installiert und tatsächlich auf github in den Sourcecodes geschaut, irgendwie habe ich keine "einfache" Anleitung gefunden, dabei isses eigentlich einfach.

entity: sensor.briefkastenprivattext_status
name: Briefkasten (Privat)
card_mod:
  style: |
    :host {
      --card-mod-icon: 
        {% set con = states(config.entity) %}      
        {{'mdi:mailbox-up' if con == 'Voll' else 'mdi:mailbox-outline'}};
      --paper-item-icon-color:
        {% set con = states(config.entity) %}
        {{'#ffc107' if con == 'Voll' else '#44739e'}};
      }

Nun geht das so

 

[ohmsl]

Ich habe das hiernach gemacht:

YouTube

An dieser Stelle steht ein externer Inhalt von YouTube, der den Forumbeitrag ergänzt. Er kann mit einem Klick geladen und auch wieder ausgeblendet werden.

YouTube-Embeds laden

Ich bin damit einverstanden, dass YouTube-Embeds geladen werden. Dabei können personen­bezogene Daten an YouTube übermittelt werden. Mehr dazu in der Datenschutzerklärung.

YouTube-Embeds laden

Datenschutzerklärung

 

[Bohnenhans]

Ja mushroom hab ich auch gefunden aber der meiente mein Docker Image sei zu alt hab 06.2024 aber das will mindestens 07.2024

Egal das card_mod glaub ich ist für mich super weil man da recht einfach mit kleinen "HA Scripts" was machen kann

Ist aber wenn ich mir das video anschauen eigentlich das gleiche nur halt dass ich das halt nur im Editor kurz mache.

 

[SaxnPaule]

Das wird Out of the Box unterstützt

Vielleicht solltest du die states on/off oder true/false nennen. Belies dich mal, für welche entities das unterstützt wird.
Bei mir sind alle Fenster, Türen, Lichter, Steckdosen, Bewegungsmelder je nach Zustand farbig.
Bei RGBW Lampen (On-Air) sogar in der eingestellten Farbe und Helligkeit.

 

[Bohnenhans]

Nein das bringt nur was bei vorgefertigten Eintities nicht bei selbst erstellten.

Woher soll das System denn wissen wann es wie bei welchem Wert einfärben soll?

Das muss man selber "programmieren" auf Basis des Statuswerts den man haben will - siehe oben z.B.

 

[SaxnPaule]

Wóher soll das System denn wissen wann es wie bei welchem Wert einfärben soll?

Daher meine Idee die States on/off zu nennen oder eine Binary Entity draus zu machen. Die folgt dann entsprechenden Standards.

 

[Bohnenhans]

Ahso kann man das auch on/off nennen? und dann faerbt der Automatisch?


Naja aber so wie ich das jetzt mache bin ich jetzt viel flexibler.

z.b. färbe ich jetzt nachdem ich herausgefunden habe wie das geht auch verschieden farbig ein also "normal" "warnung" "alarm" beim freien Speicherplatz auf dem Server etc - das ist auch dann kein Binärwert.

Oft hat man doch so ab Wert X ist was "anders"

Denke über das Verändern des CSS zur Laufzeit kann man sicher vieles mehr noch machen - so langsam komme ioch dahin was ich gern bei Home Assistant haben will - echt gut dass man das so anpassen kann.

entity: sensor.mainserver_hddspace_free
name: Freier Speicherplatz
icon: mdi:harddisk
card_mod:
  style: |
    :host {
      --paper-item-icon-color:
        {% set con = states(config.entity)|int %}
        {% if con >= 20000 %}
          #44739e
        {% elif con >= 10000 %}
          orange         
        {% else %}
          red
        {% endif %};

      --card-mod-icon: 
        {% if con < 10000 %}
          mdi:exclamation-thick
        {% else %}
          mdi:harddisk
        {% endif %};
        
      {% if con < 10000 %}
        color: red
      {% endif %};

      }