Modification couleur icone entity switch.sonoff en fonction de l'état

Bonjour à toutes et tous,
voila mon petit soucis, après plusieurs recherches et installation de différents modules via HACS et je n’arrive pas à savoir quelle type de carte de dois prendre pour pouvoir faire ce que je souhaiterais afin de pouvoir mettre la couleurs de mes icones en fonction de marche en VERT et arrêt en ROUGE sur les entités suivantes

square: true
columns: 4
type: grid
cards:
  - show_name: true
    show_icon: true
    type: button
    entity: switch.sonoff_xxxxxxxxxx
    show_state: true
    icon: mdi:chandelier
  - show_name: true
    show_icon: true
    type: button
    entity: switch.sonoff_xxxxxxxx
    icon: mdi:ceiling-light-outline
    show_state: true
  - show_name: true
    show_icon: true
    type: button
    tap_action:
      action: toggle
    entity: switch.sonoff_xxxxxxxxx
    show_state: true
    icon: mdi:chandelier
  - show_name: true
    show_icon: true

Actuellement j’ai ceci à l’écran:
Capture d'écran 2023-10-11 171904 ecran

Ma configuration est la suivante :

## System Information

version | core-2023.10.1
-- | --
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.21-v8
arch | aarch64
timezone | Europe/Paris
config_dir | /config

<details><summary>Home Assistant Community Store</summary>

GitHub API | ok
-- | --
GitHub Content | ok
GitHub Web | ok
GitHub API Calls Remaining | 4994
Installed Version | 1.33.0
Stage | running
Available Repositories | 1382
Downloaded Repositories | 25
HACS Data | ok

</details>

<details><summary>Home Assistant Cloud</summary>

logged_in | false
-- | --
can_reach_cert_server | ok
can_reach_cloud_auth | ok
can_reach_cloud | ok

</details>

<details><summary>Home Assistant Supervisor</summary>

host_os | Home Assistant OS 10.5
-- | --
update_channel | stable
supervisor_version | supervisor-2023.10.0
agent_version | 1.5.1
docker_version | 23.0.6
disk_total | 109.3 GB
disk_used | 12.4 GB
healthy | true
supported | true
board | rpi4-64
supervisor_api | ok
version_api | ok
installed_addons | File editor (5.6.0), Samba share (10.0.2), AirCast (3.6.0), motionEye (0.19.1), eWeLink Smart Home (1.4.3), Terminal & SSH (9.7.1), Example (7.0.3), Check Home Assistant configuration (3.11.0), Log Viewer (0.15.1), Duck DNS (1.15.0), Let's Encrypt (4.12.9), Advanced SSH & Web Terminal (15.0.8), Mosquitto broker (6.3.1), InfluxDB (4.7.0), MyElectricalData (0.9.2)

</details>

<details><summary>Dashboards</summary>

dashboards | 1
-- | --
resources | 21
views | 1
mode | storage

</details>

<details><summary>Recorder</summary>

oldest_recorder_run | 9 octobre 2023 à 14:22
-- | --
current_recorder_run | 10 octobre 2023 à 17:36
estimated_db_size | 129.05 MiB
database_engine | sqlite
database_version | 3.41.2

</details>

<details><summary>Sonoff</summary>

version | 3.5.2 (2ad1cd7)
-- | --
cloud_online | 15 / 18
local_online | 15 / 15
debug | failed to load: 

</details>

dans l’attente de vous lire et en vous en remerciant d’avance

Bj

avec la recherche tu aurais trouvais plein de solution et modele !!
edf

Voici mon code

type: custom:button-card
entity: switch.coussin_bella
styles:
  icon:
    - color: |
        [[[
          var e = entity.state;
          if (e == 'on') return 'red'; 
          if (e == 'off') return 'green'; 
          else return 'lightgrey';
        ]]]

autre solution

type: custom:button-card
entity: switch.XXXXXXXXXXXXXXXXXXXX
icon: mdi:gesture-tap-button
styles:
  icon:
    - color: |
        [[[
          if (entity.state == 'on') return 'red'; 
          return 'yellow'
        ]]]

un autre

type: custom:button-card
entity: switch.prise_antenne_outlet
icon: mdi:gesture-tap-button
state:
  - value: 'on'
    icon: mdi:alarm-light
    color: red
  - value: 'off'
    icon: mdi:alarm-light-off
    color: yellow
1 « J'aime »

Bonjour,
tu trouvera plein d’informations et d’exemples sur ce post [CARTE] Button-Card

2 « J'aime »

Bonjour à vous
merci beaucoup pour vos réponses les vidéos sont impeccables et donnes beaucoup d’idées je ne les avait pas vues

1 « J'aime »