Mushroom Card - Luftfeuchtigkeit - Card einfärben

Dashboard/Cards/Frontend
,
1

Hallo zusammen,

ich habe mir über die Mushroom Template nachfolgende Card gebaut:
Unbenannt

Mein Code sieht wie folgt aus:

type: custom:mushroom-template-card
icon: mdi:sofa
icon_color: ''
tap_action:
  action: navigate
  navigation_path: /dashboard-zuhause/wohnzimmer
primary: Wohnzimmer
secondary: >-
  {{"\U0001F321"}} {{ states('sensor.eg_wohnzimmer_temperatur_temperature') }}°C
  |

  {{"\U0001F4A7"}} {{ states('sensor.eg_wohnzimmer_temperatur_humidity') }}% 

  ({{
  states('sensor.eg_wohnzimmer_temperatur_absoluteluftfeuchtigkeit_unterschied')
  }} m³) |

  {{"\U0001F50B"}} {{ states('sensor.eg_wohnzimmer_temperatur_battery') }}% 
fill_container: true
entity: sensor.eg_wohnzimmer_temperatur_humidity
multiline_secondary: false
badge_color: ''
badge_icon: ''

Ich möchte jedoch, dass wenn die Luftfeuchtigkeit in % >60 ist dass sich die ganze Karte gelb und wenn es > 65 ist, dass es dann rot wird.

Ich hab schon viel gesucht und probiert - leider ohne Erfolg.
Kann mir jemand bitte helfen? Denke es müsste eig. ganz einfach sein… ?!

2

Die ganze Karte einzufärben wird mit der Mushroom Karte alleine nicht möglich sein.

Du kannst aber die Farbe Deines Icons mdi:sofa
Farblich einfärben in Abhängigkeit der Luftfeuchtigkeit. Die Icon Farbe kannst Du ja auch templaten.

Gruß
Osorkon

3

Das müsste grundsätzlich über

card_mod:
  style: |
    ha-card {
      background-color: #00cc00;
    }

funktionieren. Bei background-color kannst du dann mit {% if %}, {% elif %} und {% else %} arbeiten und so die Sensordaten abfragen.

card_mod:
  style: |
    ha-card {
      background-color: 
        {% if states('sensor.xyz') > "65" %}
          #ff0000;
        {% elif states('sensor.xyz') >= "60" %}
          #00ff00;
        {% endif %}
    }
5

Moin,
für Mushroom gibt es im englischen Forum eine schönen Thread für Card-Mod:

LG

6

Danke dir, ich habe es geschafft das Icon zu ändern :wink: gebe mich vorerst damit zufrieden. Dank für die Hilfe

1 „Gefällt mir“