# Customisation panneau d'alarme

**URL:** <https://forum.hacf.fr/t/customisation-panneau-dalarme/49105>\
**Category:** Entraide Home Assistant\
**Tags:** alarme\
**Created:** [Octobre 8, 2024, 2:48 UTC](https://forum.hacf.fr/t/customisation-panneau-dalarme/49105 "2024-10-08T14:48:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Stef\_42](https://forum.hacf.fr/user_avatar/forum.hacf.fr/stef_42/32/7663_2.png) [@Stef\_42](https://forum.hacf.fr/u/Stef_42)\
**Post date:** [Octobre 8, 2024, 2:48 UTC](https://forum.hacf.fr/t/customisation-panneau-dalarme/49105/1 "2024-10-08T14:48:43Z")

</div>

Bonjour,

Je voudrais customiser la couleur du badge en haut à droite du panneau d’alarme car je ne trouve pas ça parlant donc je voudrais en changer la couleur : rouge quand armé, vert quand désarmé.  
 ![image](https://forum.hacf.fr/uploads/default/original/3X/1/1/110038cc7c6f8fd78b34b245c367b1833e3b207a.png)

Je pensais y arriver avec card\_mod mais je n’y arrive pas.  
Pouvez vous m’aider ?

 ![image](https://forum.hacf.fr/uploads/default/original/3X/6/e/6e4a71aed813b1834bea9928782b15b6a47fa88a.png)

Je pensais à un truc du genre :

```auto
card_mod:
      style:
        ha-chip:
          $: |
            div:nth-child(1) {
                {% if is_state("alarm_control_panel", "armed_away") %}
                  background-color: red;
                {% else %}
                  background-color:green;
                {% endif %} 
              }

```

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/137471_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Octobre 8, 2024, 3:18 UTC](https://forum.hacf.fr/t/customisation-panneau-dalarme/49105/2 "2024-10-08T15:18:50Z")

</div>

Salut,  
voila 🤩

 ![image](https://forum.hacf.fr/uploads/default/original/3X/0/0/00766c9718d9e13643ef1cdbe4373150b68b1b93.png)

```auto
type: alarm-panel
entity: alarm_control_panel.alarmo
states:
  - arm_home
  - arm_away
card_mod:
  style:
    ha-assist-chip:
      $: |
        div > md-ripple {
          {% if is_state("alarm_control_panel.alarmo", "disarmed") %}
            background-color: green;
          {% else %}
            background-color: red;
          {% endif %} 
        }

```

---

<div class="post-metadata">

**Author:** ![Stef\_42](https://forum.hacf.fr/user_avatar/forum.hacf.fr/stef_42/32/7663_2.png) [@Stef\_42](https://forum.hacf.fr/u/Stef_42)\
**Post date:** [Octobre 8, 2024, 3:21 UTC](https://forum.hacf.fr/t/customisation-panneau-dalarme/49105/3 "2024-10-08T15:21:35Z")

</div>

Ah génial merci pour ton aide ! 😉