Icon Farbe in der minimalistic-area-card

Dashboard/Cards/Frontend
1

Hallo

grafik

Ich würde gerne in der Karte die Farbe der Karten individuell setzen

type: custom:minimalistic-area-card
title: Wohnzimmer
area: Wohnzimmer
image: local/Wohnzimmer.jpeg
shadow: true
card_mod:
  style: |
    :host {
          {% set power = states('sensor.mi_temp_hum_3_wz_humidity') | float(1) %}
          {% if power > 65 %}
          --card-mod-icon-color: red;
          {% elif power >= 60 %}
          --card-mod-icon-color: yellow;
          {% else %}
          --card-mod-icon-color: green;
          {% endif %}
        }     
hide_unavailable: false
tap_action:
  action: navigate
entities:
  - entity: sensor.mi_temp_hum_3_wz_temperature
  - entity: sensor.mi_temp_hum_3_wz_humidity

Mit dem Code werde alle Icons farblich gesetzt - hat jemand von euch eine Lösung wie ich das für ein einzelnes Icon setzen kann?

2

Du musst den card_mod unter die einzelne Entität setzen und nicht allgemein zur ganzen Karte.

3

Hatte ich schon probiert - und jetzt noch mal, aber dann sind wieder alle Farben weg

grafik

type: custom:minimalistic-area-card
title: Küche
area: küche
image: local/PK1_8493_LR_pt-small2.jpg
shadow: true
hide_unavailable: false
tap_action:
  action: navigate
entities:
  - entity: sensor.temperatur_kuche
    icon: mdi:thermometer
  - entity: sensor.kuchen_taster_humidity
  card_mod:
  style: |
    :host {
          {% set power = states('sensor.kuchen_taster_humidity') | float(1) %}
          {% if power > 65 %}
          --card-mod-icon-color: red;
          {% elif power >= 60 %}
          --card-mod-icon-color: yellow;
          {% else %}
          --card-mod-icon-color: green;
          {% endif %}
        }     
  - entity: sensor.feuchtigkeit_unter_spuma
    icon: mdi:dishwasher
4

Falsch eingerückt…_…

5

Wenn ich den Block 2 Zeichen weiter einrücke ändert das leider nichts

  - entity: sensor.kuchen_taster_humidity
    card_mod:
    style: |
      :host {
            {% set power = states('sensor.kuchen_taster_humidity') | float(1) %}
            {% if power > 65 %}
            --card-mod-icon-color: red;
            {% elif power >= 60 %}
            --card-mod-icon-color: yellow;
            {% else %}
            --card-mod-icon-color: green;
            {% endif %}
          }
6 
  - entity: sensor.kuchen_taster_humidity
    card_mod:
      style: |
7

Wenn ich den “style” 2 weiter einrücke rückt HA die nach dem Speichern wieder in die bündige Position zurück

8

Das müsste doch genau dein Anwendungsfall sein, oder?
https://github.com/thomasloven/lovelace-card-mod?tab=readme-ov-file#styling-entities-badges-and-elements

9

Kenne custom:minimalistic-area-card nicht. Vielleicht kann/mag die das nicht.

10

Selbst der einfach Code für die einzelnen Entität klappt in der Karte nicht - scheint also ein Problem mit dieser Karte sein.

11

Ich hatte es gerade noch mal bei mir ausprobiert. Ich musste es bis zur css-class runter brechen:

      - type: custom:mushroom-title-card
        title: Test
        card_mod:
          style: |
            ha-card h1.title {font-size: 1.5em;}

bzw. ein !important hinter setzen:

        card_mod:
          style: |
            ha-card h1 {font-size: 1.5em !important;}
12

Danke - scheint aber leider bei der minimalistic…Card nicht zu funkrioniern.

13

Mittlerweile gibt es einen fork:

Damit gehen dann auch colors für die Entitäten-Icons

entities:
  - entity: sensor.temperatur_wohnzimmer
    color: red