Card-mod couleur ne fonctionne plus sur icone

Entraide Home Assistant
1

Mon problème

Bonjour,
Depuis une mise à jour la couleur des mes icônes pour mes portes de garages ne change plus de couleur entre vert / rouge.
Apparement Card-mod a changé la méthode au niveau du code. J’ai regardé sur le github GitHub - thomasloven/lovelace-card-mod: 🔹 Add CSS styles to (almost) any lovelace card mais je n’arrive pas à trouver ce qu’il faut changer pour récupérer de nouveau mes couleurs.
Merci de votre aide.
firefox_2023-12-30_22-20-49

Voici le code :

type: vertical-stack
cards:
  - square: false
    type: grid
    cards:
      - features:
          - type: cover-open-close
        type: tile
        entity: cover.porte_garage_porte_2
        vertical: false
        show_entity_picture: false
        name: Audrey
        card_mod:
          style: |
            .tile {
              {% if is_state(config.entity, 'closed') %}
                --tile-color: var(--green-color);
              {% else %}  
                --tile-color: var(--red-color);
              {% endif %}  
            }
      - features:
          - type: cover-open-close
        type: tile
        entity: cover.porte_garage_porte_1
        vertical: false
        show_entity_picture: false
        name: Séb
        card_mod:
          style: |
            .tile {
              {% if is_state(config.entity, 'closed') %}
                --tile-color: var(--green-color);
              {% else %}  
                --tile-color: var(--red-color);
              {% endif %}  
            }
    columns: 2

Ma configuration

System Information

version core-2023.12.4
installation_type Home Assistant OS
dev false
hassio true
docker true
user root
virtualenv false
python_version 3.11.6
os_name Linux
os_version 6.1.63-haos
arch x86_64
timezone Europe/Paris
config_dir /config
Home Assistant Community Store
GitHub API ok
GitHub Content ok
GitHub Web ok
GitHub API Calls Remaining 4767
Installed Version 1.33.0
Stage running
Available Repositories 1361
Downloaded Repositories 15
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 11.2
update_channel stable
supervisor_version supervisor-2023.12.0
agent_version 1.6.0
docker_version 24.0.7
disk_total 30.8 GB
disk_used 9.2 GB
healthy true
supported true
board ova
supervisor_api ok
version_api ok
installed_addons ESPHome (2023.12.5), Samba Backup (5.2.0), Studio Code Server (5.14.2), Advanced SSH & Web Terminal (17.0.1)
Dashboards
dashboards 2
resources 9
views 14
mode storage
Recorder
oldest_recorder_run 22 décembre 2023 à 08:22
current_recorder_run 30 décembre 2023 à 21:48
estimated_db_size 188.02 MiB
database_engine sqlite
database_version 3.41.2
Spotify
api_endpoint_reachable ok
2

Salut @sebr

Tu peux tester :

type: vertical-stack
cards:
  - square: false
    type: grid
    cards:
      - features:
          - type: cover-open-close
        type: tile
        entity: cover.porte_garage_porte_2
        vertical: false
        show_entity_picture: false
        name: Audrey
        card_mod:
          style: |
            ha-tile-icon {
              {% if is_state(config.entity, 'closed') %}
                --tile-color: var(--green-color);
              {% else %}  
                --tile-color: var(--red-color);
              {% endif %}  
            }
      - features:
          - type: cover-open-close
        type: tile
        entity: cover.porte_garage_porte_1
        vertical: false
        show_entity_picture: false
        name: Séb
        card_mod:
          style: |
            ha-tile-icon {
              {% if is_state(config.entity, 'closed') %}
                --tile-color: var(--green-color);
              {% else %}  
                --tile-color: var(--red-color);
              {% endif %}  
            }
    columns: 2

Je suis pas certain que ça corresponde exactement à ce que tu souhaites, donc dis nous :wink:

Ça donne ça chez moi :

image

3

Salut,
Tu es un génie ! j’aimerais trouver un problème aussi vite !
firefox_2023-12-30_22-58-15

Je vais comparer ton code sur Notepad++.
Bon maintenant j’ai un ESP qui ne fonctionne plus suite à une maj, il y a toujours un truc qui va pas.

Merci encore.

4

Je viens de voir le changement au niveau de ha-tile-icon je sais pas comment tu as trouvé cela car sur le Github nul part il parle de cela.

5

Bonjour

@Herbs a écrit un thread la dessus : :warning: Card-mod 3.4.0 [Breaking Change] - Communauté HACF / BlaBlaBla & Suggestions - Home Assistant Communauté Francophone
la mise a jour est dans le changelog.
chaque mise a jour apporte des changements, il faut lire les changelogs, car nous sommes beaucoup a voir la fâcheuse habitude de mal écrire nos codes… :frowning:

6

Je regarde les changelog mais je comprend peut être pas tout je lis même les Readme.
Merci pour ta réponse.

7

j’ai vu que les codes de mes badges n’étaient pas a jour dans la nouvelle norme qui a été appliquée avec la maj…:slight_smile:
faut aussi penser aux sensors et aux template, ils ont changés en Aout dernier…; les anciens seront certainement bientôt dépréciés.

8

Je l’avais signalé début décembre mais sur une page Facebook et 0 réponse, faut qu’a l’avenir je passe plutôt par ici.

9

De rien :wink:

Je ne pense pas que le problème vienne de card-mod lui même, mais plus de la carte « tile » qui a dû être modifiée lors d’une mise à jour. On voit pas mal de changement sur ces cartes dans le repo du frontend :

Mais pour en être certain y’a que @piitaya pour le confirmer.

Sinon j’ai trouvé ça en jouant avec les outils de dev de mon browser :wink:

La p’tite vidéo de @Clemalex qui explique ça mieux que moi :

1 « J'aime »
10

J’ai juste remplacé .tile par ha-tile-icon, le reste du code est strictement identique :wink: