Changement couleur texte suivant valeur

Mon problème

Bonjour,

J’essaye de changer la couleur d’un texte suivant la valeur d’une entité
Je souhaiterais par exemple que si en dessous de 18° le texte s’affiche en bleu.
J’essaye pourtant de m’aider de ce qui a été expliqué sur le groupe mais pas moyen…
Je pense que mon erreur est a ce niveau la : text_color: >- ou ici primary: « {{ states("sensor.parents_temperature") }} °C »

D’avance merci pour votre aide

  - type: state-label
    icon: mdi:thermometer-high
    entity: sensor.parents_temperature
    primary: "{{ states(\"sensor.parents_temperature\") }} °C"
    text_color: >-
         {% if states("sensor.parents_temperature")|float(0) > 22.2 %}
           red
         {% elif states("sensor.parents_temperature")|float(0) > 18.1 and
         states("sensor.parents_temperature")|float(0) < 22.1 %}
           green
         {% elif states("sensor.parents_temperature")|float(0) < 18 %}
           blue
         {% endif %}
    style:
      top: 50%
      left: 50%

Ma configuration


System Information

version core-2024.10.1
installation_type Home Assistant OS
dev false
hassio true
docker true
user root
virtualenv false
python_version 3.12.4
os_name Linux
os_version 6.6.46-haos
arch aarch64
timezone Europe/Paris
config_dir /config
Home Assistant Community Store
GitHub API ok
GitHub Content ok
GitHub Web ok
HACS Data ok
GitHub API Calls Remaining 5000
Installed Version 2.0.1
Stage running
Available Repositories 1439
Downloaded Repositories 20
Home Assistant Cloud
logged_in false
can_reach_cert_server ok
can_reach_cloud_auth ok
can_reach_cloud ok
Home Assistant Supervisor
host_os Home Assistant OS 13.1
update_channel stable
supervisor_version supervisor-2024.10.0
agent_version 1.6.0
docker_version 26.1.4
disk_total 196.2 GB
disk_used 6.4 GB
healthy true
supported true
host_connectivity true
supervisor_connectivity true
ntp_synchronized true
virtualization kvm
board generic-aarch64
supervisor_api ok
version_api ok
installed_addons Get HACS (1.3.1), Home Assistant Google Drive Backup (0.112.1), Samba Backup (5.2.0), Mosquitto broker (6.4.1), Zigbee2MQTT (1.40.2-1), go2rtc (1.9.4), File editor (5.8.0)
Dashboards
dashboards 2
resources 14
views 13
mode storage
Recorder
oldest_recorder_run 1 octobre 2024 à 11:52
current_recorder_run 11 octobre 2024 à 09:34
estimated_db_size 119.95 MiB
database_engine sqlite
database_version 3.45.3
Sonoff
version 3.8.1 (ffa7e22)
cloud_online 1 / 1
local_online 1 / 1
___

Bonjour,
c’est le même principe qu’un autre post, mais il faut utiliser color: au lieu de --label-badge-text-color:.

    card_mod:
      style: |
        :host {
          color: red;
        }

regarde la doc, car tu utilises des options qui n’existent pas pour c’est carte. Je ne sais pas d’ou tu le sort le primary: et text_color:.

merci pour ton retour,

pour primary: dans un sujet ou tu répondais ici : https://forum.hacf.fr/t/carte-mushroom-chips-changer-couleur-icone-ou-fond/45543/6

et text_color: c’était un essais mais c’est vrai que je ne l’ai trouvé nul part

j’avais donc déjà essayé sur ton premier exemple et pour un badge ca fonctionnais mais la pour state-label cela ne fonctionne pas

cela ne fonctionne toujours pas après modif

  - type: state-label
    entity: sensor.parents_temperature
    card_mod:
      style: |
        :host { 
          {% if is_states("sensor.parents_temperature")|float(0) > 22.2 %}
            --color: red;
          {% elif is_states("sensor.parents_temperature")|float(0) > 18.1 and
          states("sensor.parents_temperature")|float(0) < 22.1 %}
            --color: green;
          {% elif is_states("sensor.parents_temperature")|float(0) < 18 %}
            --color: blue;
          {% endif %}
        }  
    style:
      top: 50%
      left: 50%

pas --color: image

chaque carte, a des options, configuration différente et CSS différent. ce code était pour une carte custom:mushroom-template-card

1 « J'aime »

Encore merci pour ton aide cela fontionne
J’en apprend beaucoup mais cest pas simple

Je vais continuer a améliorer mon ha

1 « J'aime »

Personne ne dit que c’est simple, surtout quand tu veux customiser des couleurs, icônes …