Font Farbe bei bestimmten Wert ändern

Dashboard/Cards/Frontend
,
1

Hallo erstmal liebe Community! Ich bin ganz neu hier und bin so begeistert von HA!
Momentan macht es einfach nur süchtig und ich verbringe etliche Stunden mit meinem Dashboard und Co…
Leider komme ich gerade irgendwie an eine Grenze…
Wie auf dem Bild zu sehen baue ich gerade eine Übersicht für meine Zigbee Geräte.

dashboard
dashboard1698×652 30.3 KB

ich würde jetzt gerne, wenn der Wert meiner Batterie unter 20% sinkt, den Text in Rot anzeigen lassen, sonst in Grün.
Ebenfalls würde ich das für die Link Qualität haben. Wenn LQI unter 20 fällt rot, sonst Grün.
ich kam schon soweit das ich es ändern konnte, aber leider ändert sich der komplette Secondary Text in Grün oder Rot…
Könnt ihr mir da vielleicht helfen?!
Vielen Lieben Dank schonmal!!
Anbei packe ich noch den YAML Code, vielleicht wird er ja gebraucht.

  - type: horizontal-stack
    cards:
      - type: custom:mushroom-template-card
        primary: Wassersensor
        secondary: |-
          LQI: {{ states('sensor.keller_wassersensor_linkquality') }}
          Batterie: {{ states('sensor.keller_wassersensor_battery') }} %
        icon: ''
        badge_color: green
        multiline_secondary: true
        badge_icon: mdi:home
        icon_color: ''
        card_mod:
          style: |
            ha-card {   
              padding: 0px !important;
              border: none !important;
              box-shadow: none !important;
              background: none !important;
              --card-primary-font-size: 12px;
              --card-secondary-font-size: 11px;
            } - type: template
2

Nimm doch eine Bedingungskarte.
Da hat es wer schön erklärt.

3

Hi, so ungefähr:

    card_mod:
      style: |
        ha-card {
          {% if states('sensor.keller_wassersensor_battery') | int >= 20 %}
          --secondary-text-color: green;
          {% else %}
          --secondary-text-color: rot;
          {% endif %}
4

Ja, danke erstmal! Soweit bin ich auch gekommen, das Problem ist, hier färbt er mir direkt beide States, also Sensoren in der gewählten TextFarbe ein.
Ich benötige ja im Endeffekt zwei Entitäten die ich mit einbeziehen muss…
Da steh ich gerade sehr auf dem Schlauch,.

5

so klappt das glaube nicht. Problem ist die Multiline Geschichte. Ich würde LQI: {{ states('sensor.keller_wassersensor_linkquality') }} in den primary packen und Batterie: {{ states(‘sensor.keller_wassersensor_battery’) }}` in den secondary.
Dann kannst du das schön via card_mod einfärben. Deine Überschrift “Wassersensor” würde ich in deinen Stapel via Raster und Markdown extra integrieren.