Débutant, badge qui change de couleur pour mes capteurs d'ouverture de porte

Entraide Home Assistant
,
1

##Bonjour à tous,
voici mon soucis, je suis débutant sur home assistant et je souhaiterai avoir sur mon tableau de bord des badge rond et vert lorsque que ma porte d’entrée est fermé et qu’il passe en rouge lorsque cette dernière et ouverte, je suis parvenu à faire ca pour mon portail et mes portes de garage mais ce ne sont pas les même capteurs que pour ma porte d’entrée et la je vous avoue que je suis un peu perdu.
pour mes garages et mon portail j’utilise des MSG100 de la marque Meross qui me permettent aussi de les ouvrir et le celui pour ma porte d’entrée et un simple capteur binaire de marque Tuya sur protocole Zigbee.
Voilà ou j’en suis actuellement

mon code yaml

title: Home
icon: mdi:home
subview: false
badges:
  - entity: person.aurel
    name: Aurélien
    card_mod:
      style: |
        :host {
          --label-badge-red:
            {% if is_state('person.aurel', 'home') %}
              rgb(34, 166, 80);
            {% elif is_state('person.aurel', 'not_home') %}                      
              rgb(200, 0, 0); 
            {% endif %}   
        }
  - entity: person.celia
    card_mod:
      style: |
        :host {
          --label-badge-red:
            {% if is_state('person.celia', 'home') %}
              rgb(34, 166, 80);
            {% elif is_state('person.celia', 'not_home') %}                      
              rgb(200, 0, 0); 
            {% endif %}   
        }
  - entity: cover.volets
    card_mod:
      style: |
        :host {
          --label-badge-red:
            {% if is_state('cover.volets', 'closed') %}
              rgb(34, 166, 80);
            {% elif is_state('cover.volets', 'open') %}                      
              rgb(200, 0, 0); 
            {% endif %}   
        }
  - entity: cover.smart_garage_door_2210195160514161070148e1e9abd754_garage
    name: Portail
    card_mod:
      style: |
        :host {
          --label-badge-red:
            {% if is_state('cover.smart_garage_door_2210195160514161070148e1e9abd754_garage', 'closed') %}
              rgb(34, 166, 80);
            {% elif is_state('cover.smart_garage_door_2210195160514161070148e1e9abd754_garage', 'open') %}                      
              rgb(200, 0, 0); 
            {% endif %}   
        }
  - entity: cover.smart_garage_door_2302028620987761070148e1e9b952fb_garage
    name: Grand Garage
    card_mod:
      style: |
        :host {
          --label-badge-red:
            {% if is_state('cover.smart_garage_door_2302028620987761070148e1e9b952fb_garage', 'closed') %}
              rgb(34, 166, 80);
            {% elif is_state('cover.smart_garage_door_2302028620987761070148e1e9b952fb_garage', 'open') %}                      
              rgb(200, 0, 0); 
            {% endif %}   
        }
  - entity: cover.smart_garage_door_2302022171390961070148e1e9b96775_garage
    name: Petit Garage
    card_mod:
      style: |
        :host {
          --label-badge-red:
            {% if is_state('cover.smart_garage_door_2302022171390961070148e1e9b96775_garage', 'closed') %}
              rgb(34, 166, 80);
            {% elif is_state('cover.smart_garage_door_2302022171390961070148e1e9b96775_garage', 'open') %}                      
              rgb(200, 0, 0); 
            {% endif %}   
        }
  - entity: binary_sensor.capteur_porte_ouverte_4_opening
    name: Entrée
  - entity: binary_sensor.capteur_porte_ouverte_3_opening
    name: Porte Fenêtre
  - entity: binary_sensor.capteur_porte_ouverte_1_opening
    name: Hall
  - entity: binary_sensor.capteur_porte_ouverte_2_opening
    name: Buanderie

Merci d’avance pour votre aide

Ma configuration

[center]## System Information

version core-2023.10.5
installation_type Home Assistant OS
dev false
hassio true
docker true
user root
virtualenv false
python_version 3.11.5
os_name Linux
os_version 6.1.59
arch armv7l
timezone Europe/Paris
config_dir /config
Home Assistant Community Store
GitHub API ok
GitHub Content ok
GitHub Web ok
GitHub API Calls Remaining 4976
Installed Version 1.33.0
Stage running
Available Repositories 1395
Downloaded Repositories 9
HACS Data ok
Home Assistant Cloud
logged_in true
subscription_expiration 1 janvier 2018 à 01:00
relayer_connected false
relayer_region null
remote_enabled true
remote_connected false
alexa_enabled true
google_enabled true
remote_server null
certificate_status null
can_reach_cert_server ok
can_reach_cloud_auth ok
can_reach_cloud ok
Home Assistant Supervisor
host_os Home Assistant OS 11.1
update_channel stable
supervisor_version supervisor-2023.12.1
agent_version 1.6.0
docker_version 24.0.6
disk_total 116.5 GB
disk_used 4.4 GB
healthy true
supported true
board tinker
supervisor_api ok
version_api ok
installed_addons File editor (5.7.0), Terminal & SSH (9.8.1), Linky (1.2.0), Home Assistant Google Drive Backup (0.111.1), ZeroTier One (0.17.3)
Dashboards
dashboards 4
resources 6
views 7
mode storage
Recorder
oldest_recorder_run 11 janvier 2024 à 10:04
current_recorder_run 11 janvier 2024 à 11:04
estimated_db_size 35.00 MiB
database_engine sqlite
database_version 3.41.2
[/center]
2

Salut @riton005_Time_Alpes

exemple :

      - entity: binary_sensor.herbs_pc
        card_mod:
          style:
            ha-state-label-badge:
              $:
                ha-label-badge:
                  $: |
                    .badge-container .label-badge {
                      border-color: cyan;
                    }

Donne :

image

A toi de jouer pour la mise en place selon l’état, mais je crois que tu gères déjà cette partie :wink:

Et tu trouveras pas mal d’exemple ici :

Et plus particulièrement concernant les badges :

🔹 Card-mod - Add css styles to any lovelace card - #1310 by Ildar_Gabdullin - Dashboards & Frontend - Home Assistant Community

Sans oublier le warning concernant la dernière version de card mod :

1 « J'aime »