Carte Alertes Météo (Fait Maison) - Conditionner les couleurs

Mon problème

Bonjour à tous,

J’ai voulu m’essayer à créer ma propre carte météo en fonction des alertes météo france.

Le problème c’est que je n’arrive pas à modifier les couleurs de mes éléments (icon) d’une part, dans l’idéal des couleurs fixes. Mais également à modifier les couleurs des niveaux d’alerte en fonction de leur niveau (vert = vert etc…)

Je vous joins le code avec le résultat en image :

type: vertical-stack
cards:
  - type: custom:flex-table-card
    title: Alertes Météo France
    entities:
      include:
        - sensor.31_weather_alert
    columns:
      - data: state
        name: Niveau d'alerte
        align: center
    theme: ios-dark-mode
    card_mod:
      style: |
        ha-card >  h1 {color: red;}
        ha-svg-icon {color: red;}
  - type: custom:flex-table-card
    entities:
      include:
        - sensor.31_weather_alert
    columns:
      - data: Canicule
        icon: mdi:sun-thermometer
        align: center
      - data: Inondation
        icon: mdi:waves-arrow-up
        align: center
      - data: Neige-verglas
        icon: mdi:snowflake-alert
        align: center
      - data: Pluie-inondation
        icon: mdi:weather-pouring
        align: center
      - data: Vent violent
        icon: mdi:weather-windy
        align: center
      - data: Orages
        icon: mdi:weather-lightning
        align: center
    theme: ios-dark-mode
    card_mod:
      style: |
        ha-svg-icon {color: red;}

Alors j’ai fait un essai avec la card_mod, mais je parviens seulement à modifier le titre de la carte.

Voilà si vous avez des idées, je suis preneur !

Merci par avance

Salut.

Tu peux t’inspirer de ça
https://forum.hacf.fr/t/changer-la-couleur-en-fonction-des-valeurs/4967/5

1 « J'aime »

Ton lien renvoie sur ce post :smile:

1 « J'aime »

Peut etre ce lien? ….(moi je ne peux pas l’utiliser je suis en Thailande :):slight_smile:
https://forum.hacf.fr/t/recevoir-une-notification-lorsquune-alerte-meteo-est-en-cours/511

1 « J'aime »

Effectivement. Lien corrigé. Merci

1 « J'aime »

Merci à vous, je vais regarder ça ce week-end ! =)