Frage zu Yaml code

Dashboard/Cards/Frontend
,
1

Hallo,

ich habe eine Müll Abfuhrkarte. Ich würde gerne die Icons von Restmüll in Grün, Gelbersack in Gelb und Altpapier in Blau haben.

Meine versuche einen State zu eröffnen und die Color zu definieren haben leider kein erfolg gebracht. Kann mir jemand helfen?

Grüße !

type: entities
style: |
  ha-card {
  opacity: 80%
  }
entities:
  - entity: sensor.restmull_grune_woche
    style: |
      :host {
        color: grey
      }     
    icon: mdi:delete-empty
    show_state: true
    type: custom:multiple-entity-row
    name: Restmüll
    secondary_info: false
    entities:
      - entity: sensor.restmull_grune_wochell_grune_wochell_collection
        name: Abholung in
        unit: Tage(n)
      - entity: sensor.restmull_date
        name: Datum
  - entity: sensor.gelber_sack
    style: |
      :host {
        color: yellow
      } 
    icon: mdi:recycle
    show_state: true
    type: custom:multiple-entity-row
    name: Gelber Sack
    secondary_info: false
    entities:
      - entity: sensor.gelber_sack_collection
        name: Abholung in
        unit: Tage(n)
      - entity: sensor.gelber_sack_date
        name: Datum
  - entity: sensor.altpapier
    style: |
      :host {
        color: deepskyblue
      } 
    icon: mdi:package-variant
    show_state: true
    type: custom:multiple-entity-row
    name: Altpapier
    secondary_info: false
    entities:
      - entity: sensor.altpapier_collection
        name: Abholung in
        unit: Tage(n)
      - entity: sensor.altpapier_date
        name: Datum
  - entity: sensor.mybuttoncardsensor
    type: custom:button-card
    layout: icon_name_state2nd
    show_label: true
    label: |
      [[[
       var days_to = entity.state.split("|")[1]
       if (days_to == 0)
       { return "Heute" }
       else if (days_to == 1)
       { return "Morgen" }
       else
       { return " Abholung in " + days_to + " Tagen" }
      ]]]
    show_name: true
    name: |
      [[[
        return entity.state.split("|")[0]
      ]]]
    state:
      - color: red
        operator: template
        value: '[[[ return entity.state.split("|")[1] == 0 ]]]'
      - color: orange
        operator: template
        value: '[[[ return entity.state.split("|")[1] == 1 ]]]'
      - value: default
show_header_toggle: true
title: 'Termine :'
state_color: true
2

Die Iconfarbe kannst du so einfärben

type: entities
entities:
  - entity: sensor.restmull_grune_woche
    icon: mdi:delete-empty
    color: red
    show_state: true
    type: custom:multiple-entity-row
    name: Restmüll
    secondary_info: false
    card_mod:
      style: >
        :host {
          --paper-item-icon-color: green;
        }
    entities:
      - entity: sensor.restmull_grune_wochell_grune_wochell_collection
        name: Abholung in
        unit: Tage(n)
      - entity: sensor.restmull_date
        name: Datum

Vorausssetzung ist, dass du card_mod installiert hast.

3

Danke für die Antwort. Als alleinstehender Code funktioniert das. Möchte ich nun deinen Code mit meinem auswechseln spinnt der wieder rum.

Würde es dir was ausmachen meinen kompletten Code nach deinem Muster anzupassen?

Danke schonmal für die bemühungen

4

Moin,

bin zwar nicht der angesprochene, aber ich glaube, Du musst Dir noch die Vard-Mod installieren!
Solltest Du das schon gemacht haben, dann vergiss, mein Geplapper :slight_smile:
grafik

VG
Bernd

P.S.: zum besseren Verständnis, warum ich das glaube, hier die Codezeile von

5

@dp20eic Ich glaube card_mod sollte schon installiert sein.

Es geht ja nur um diesen Teil, den du einsetzen/austauschen musst

    card_mod:
      style: >
        :host {
          --paper-item-icon-color: green;
        }

Du hast nur mit style und color gearbeitet.

Edit:
Ich denke so müsste es funktionieren. Deinen sensor.mybuttoncardsensor habe ich ausßen vor gelassen. Ich habe keine Ahnung was dieser tut.

type: entities
entities:
  - entity: sensor.restmull_grune_woche
    card_mod:
      style: >
        :host {
          --paper-item-icon-color: green;
        }  
    icon: mdi:delete-empty
    show_state: true
    type: custom:multiple-entity-row
    name: Restmüll
    secondary_info: false
    entities:
      - entity: sensor.restmull_grune_wochell_grune_wochell_collection
        name: Abholung in
        unit: Tage(n)
      - entity: sensor.restmull_date
        name: Datum
  - entity: sensor.gelber_sack
    card_mod:
      style: >
        :host {
          --paper-item-icon-color: yellow;
        }
    icon: mdi:recycle
    show_state: true
    type: custom:multiple-entity-row
    name: Gelber Sack
    secondary_info: false
    entities:
      - entity: sensor.gelber_sack_collection
        name: Abholung in
        unit: Tage(n)
      - entity: sensor.gelber_sack_date
        name: Datum
  - entity: sensor.altpapier
    card_mod:
      style: >
        :host {
          --paper-item-icon-color: deepskyblue;
        }
    icon: mdi:package-variant
    show_state: true
    type: custom:multiple-entity-row
    name: Altpapier
    secondary_info: false
    entities:
      - entity: sensor.altpapier_collection
        name: Abholung in
        unit: Tage(n)
      - entity: sensor.altpapier_date
        name: Datum
6

Hervorragend ! Hat funktioniert vielen Dank !

card-mod war bereits Installiert

Danke nochmal euch beiden

7

Moin,

danke, beim zweiten Lesen, ist mir das dann auch aufgefallen :slight_smile:

VG
Bernd