# Comment colorer ses icônes pour les débutants? #Tuto débutant N°1

**URL:** <https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308>\
**Category:** Entraide Home Assistant\
**Tags:** interface-lovelace, aide\
**Created:** [Juillet 10, 2020, 12:51 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308 "2020-07-10T12:51:40Z")\
**Posts on this page:** 20\
**Page:** 5

<div class="post-metadata">

**Author:** ![boobi](https://forum.hacf.fr/user_avatar/forum.hacf.fr/boobi/32/6293_2.png) [@boobi](https://forum.hacf.fr/u/boobi)\
**Post date:** [Juin 15, 2021, 8:03 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/82 "2021-06-15T20:03:18Z")

</div>

De rien !

Pour information après la mise a jour de HA a la version supérieur d'aujourd'hui Home Assistant 2021.6.4, la prise en compte de mes modification ont bien été prise en compte :

 ![image](https://forum.hacf.fr/uploads/default/original/2X/7/7195fd19422ae53eccad68698f8d3cf2db4a318e.png)

J'en conclus qu'un redémarrer du serveur ne suffit pas ?

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Juin 15, 2021, 10:06 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/83 "2021-06-15T22:06:52Z")

</div>

> [@boobi](#):
>
> J’en conclus qu’un redémarrer du serveur ne suffit pas ?

En théorie, si…

Mais c’est ces petits comportements qui me font préférer card-mod…

---

<div class="post-metadata">

**Author:** ![boobi](https://forum.hacf.fr/user_avatar/forum.hacf.fr/boobi/32/6293_2.png) [@boobi](https://forum.hacf.fr/u/boobi)\
**Post date:** [Juin 16, 2021, 4:31 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/84 "2021-06-16T16:31:03Z")

</div>

🤔 card-mod… je vais voir doucement je préfère y aller piano…

---

<div class="post-metadata">

**Author:** ![peps382000](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/p/3d9bf3/32.png) [@peps382000](https://forum.hacf.fr/u/peps382000)\
**Post date:** [Juillet 1, 2021, 7:08 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/85 "2021-07-01T07:08:18Z")

</div>

bonjour  
je ne comprend pas comment on accède à la console de l’explorateur ?  
Chez moi custom-ui ne fonctionne pas, j’ai suivi la procédure décrite au dessus et pas moyen de le faire fonctionner. Je suis à cours d’idées

| Version | core-2021.6.6 |
| --- | --- |
| Type d’installation | Home Assistant Supervised |
| Développement | false |
| Supervisor | true |
| Docker | true |
| Environnement virtuel | false |
| Version de Python | 3.8.9 |
| Famille du système d’exploitation | Linux |
| Version du système d’exploitation | 5.10.17-v7+ |
| Architecture du processeur | armv7l |
| Fuseau horaire | Europe/Paris |

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Juillet 1, 2021, 7:42 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/86 "2021-07-01T07:42:30Z")

</div>

> [@peps382000](#):
>
> je ne comprend pas comment on accède à la console de l’explorateur ?

> **[Ouvrir les outils pour les développeurs Chrome  |  Chrome DevTools  |  Chrome...](https://developer.chrome.com/docs/devtools/open?hl=fr)**
>
> Toutes les méthodes permettant d'ouvrir les outils pour les développeurs Chrome.

> **[Open the debugger — Firefox Source Docs documentation](https://firefox-source-docs.mozilla.org/devtools-user/debugger/how_to/open_the_debugger/index.html)**

> [@Clemalex](#):
>
> Ce n’est pas suffisant, voici ce qu’indique la documentation avec la traduction activée pour bien comprendre :
> 
> ![image](https://forum.hacf.fr/uploads/default/original/2X/f/f446dad93483e97114ecfab24b9bafc146227126.jpeg)

---

<div class="post-metadata">

**Author:** ![peps382000](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/p/3d9bf3/32.png) [@peps382000](https://forum.hacf.fr/u/peps382000)\
**Post date:** [Juillet 1, 2021, 8:01 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/87 "2021-07-01T08:01:20Z")

</div>

merci pour cette réponse si rapide. Dans la console j'ai bien custom ui lancé

 ![image](https://forum.hacf.fr/uploads/default/original/2X/c/caa376c50508b1af73961a8ff8025c50ffd47448.png)  
donc je vais regarder de plus pêt mon fichier customize.yaml. je voulais simplement faire un essai  
switch.60053804840d8e63b569:  
icon\_color: if (entities['switch.60053804840d8e63b569'].state === 'Off') return  
'forestgreen'

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Juillet 1, 2021, 9:36 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/88 "2021-07-01T09:36:33Z")

</div>

@peps382000

> [@boobi](#):
>
> Dans le fichier : configuration.yaml j’ai ajouté :
> 
> ![image](https://forum.hacf.fr/uploads/default/original/2X/e/e26baead8515f273e07fda88e81e96b1de92a0f2.png)

Regarde par là en 1er

---

<div class="post-metadata">

**Author:** ![peps382000](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/p/3d9bf3/32.png) [@peps382000](https://forum.hacf.fr/u/peps382000)\
**Post date:** [Juillet 1, 2021, 7:00 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/89 "2021-07-01T19:00:40Z")

</div>

j'avais bie mis ces 2 lignes dans le fichier configuration.yaml  
Si je mets dans customize.yaml le code suivant:

```yaml
switch.60053804840d8e63b569:
  icon_color: 'red'

```

ça fonctionne  
 ![image](https://forum.hacf.fr/uploads/default/original/2X/0/060db7216c9cf1fa03464dd0a0f4d8113e40607a.png)  
si je mets

```yaml
switch.60053804840d8e63b569:
  icon_color: if (entities['switch.60053804840d8e63b569'].state === 'off') return
           'red'

```

![image](https://forum.hacf.fr/uploads/default/original/2X/e/e094a986616db30f94b85dbb7aa34ce86282a3f5.png)  
ça ne fonctionne pas

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Juillet 1, 2021, 8:38 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/90 "2021-07-01T20:38:17Z")

</div>

> [@peps382000](#):
>
> si je mets
> 
> ```auto
> switch.60053804840d8e63b569:
> icon_color: if (entities['switch.60053804840d8e63b569'].state === 'off') return
> 'red'
> 
> ```
> 
> ![image](https://forum.hacf.fr/uploads/default/original/2X/e/e094a986616db30f94b85dbb7aa34ce86282a3f5.png)  
> ça ne fonctionne pas

J'ai donné des exemples dans le post 2 :

> [@Clemalex](#):
>
> ```auto
> sensor.essence_carrefour_sp95_price:
> templates:
> icon_color: ' if (entities[''sensor.essence_sp95_best_price''].state === ''carrefour'')
> return ''#18c451''; '
> 
> ```

Tu peux remarquer que tu n'as pas mis la balise `templates`

---

<div class="post-metadata">

**Author:** ![peps382000](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/p/3d9bf3/32.png) [@peps382000](https://forum.hacf.fr/u/peps382000)\
**Post date:** [Juillet 2, 2021, 6:48 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/91 "2021-07-02T06:48:15Z")

</div>

bonjour  
Merci, ça fonctionne  
mes erreurs  
oubli du template, du cote avant le If et à la fin de la ligne et un problème d’indentation (là je ne comprend pas pourquoi je n’avais pas d’erreur du type bad indentation)  
j’arrive maintenant à changer la couleur de l’icone et le friendly\_name  
est il possible de changer l’état par exemple «&nbsp;home&nbsp;» en «&nbsp;connecté&nbsp;»  
encore un grand merci pour ton aide

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Juillet 2, 2021, 10:40 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/92 "2021-07-02T10:40:57Z")

</div>

> [@peps382000](#):
>
> est il possible de changer l’état par exemple « home » en « connecté »

Ici:

> [@Pb changement statut](https://forum.hacf.fr/t/pb-changement-statut/4161/2):
>
> Pour moi, si le forçage de la définition dans le fichier customize.yaml (tu l’as bien ajouter dans ton fichier configuration.yaml ? Tu as bien redémarré après avoir sauvegarder les modifications ?), je passerais par la définition d’un capteur binaire personnalisé (template binary\_sensor) : #configuration.yaml binary\_sensor: - platform: template sensors: chambre\_deco: device\_class: connectivity friendly\_name: "Chambre" value\_template: "{{is\_state('device\_track…

---

<div class="post-metadata">

**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\
**Post date:** [Juillet 2, 2021, 10:40 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/93 "2021-07-02T10:40:57Z")

</div>

> [@peps382000](#):
>
> est il possible de changer l’état par exemple « home » en « connecté »

Ici:

> [@Pb changement statut](https://forum.hacf.fr/t/pb-changement-statut/4161/2):
>
> Pour moi, si le forçage de la définition dans le fichier customize.yaml (tu l’as bien ajouter dans ton fichier configuration.yaml ? Tu as bien redémarré après avoir sauvegarder les modifications ?), je passerais par la définition d’un capteur binaire personnalisé (template binary\_sensor) : #configuration.yaml binary\_sensor: - platform: template sensors: chambre\_deco: device\_class: connectivity friendly\_name: "Chambre" value\_template: "{{is\_state('device\_track…

---

<div class="post-metadata">

**Author:** ![Coben](https://forum.hacf.fr/user_avatar/forum.hacf.fr/coben/32/27676_2.png) [@Coben](https://forum.hacf.fr/u/Coben)\
**Post date:** [Avril 16, 2023, 12:10 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/94 "2023-04-16T00:10:20Z")

</div>

Salut a tous,  
Desolé pour le deterrage…  
@Clemalex : J’ai bien suivit ton tuto et resussi a faire ce que je voulais, a savoir changer la couleur d’une icone en fonction de l’etat d’un autre sensor.  
Voici mon code dans customize.yaml :

```auto
sensor.mode_thermostat_cuisine:
  templates:
    friendly_name: Température Cuisine
    icon: if (entities['sensor.mode_thermostat_cuisine'].state === 'Off') return 'mdi:power';
      if (entities['sensor.mode_thermostat_cuisine'].state === 'Eco') return 'mdi:weather-night';
      if (entities['sensor.mode_thermostat_cuisine'].state === 'Confort') return 'mdi:fire';
      if (entities['sensor.mode_thermostat_cuisine'].state === 'Hors-gel') return 'mdi:snowflake-alert';
      else return 'mdi:help-circle';
    icon_color: if (entities['sensor.puissance_thermostat_cuisine'].state === '0') return 'green'; else return 'red';

```

Cependant deux ou trois questions :

- ce code fonctionne avec une carte «&nbsp;entitéS&nbsp;» mais pas «&nbsp;entité&nbsp;»
- possible de faire la meme chose sur une carte mushroom? cela ne semble pas fonctionner…

le code suivant ne fonctionne pas, les icones changent mais pas la couleur, ce qui peut etre handicapant si la on a plus de 2 etats pour faire varier la couleur… :  
(sensor.etat\_thermostat\_cuisine est un binaire)

```auto
sensor.mode_thermostat_cuisine:
  templates:
    friendly_name: Température Cuisine
    icon: if (entities['sensor.mode_thermostat_cuisine'].state === 'Off') return 'mdi:power';
      if (entities['sensor.mode_thermostat_cuisine'].state === 'Eco') return 'mdi:weather-night';
      if (entities['sensor.mode_thermostat_cuisine'].state === 'Confort') return 'mdi:fire';
      if (entities['sensor.mode_thermostat_cuisine'].state === 'Hors-gel') return 'mdi:snowflake-alert';
      else return 'mdi:help-circle';
    icon_color: 
      if (entities['sensor.etat_thermostat_cuisine'].state === '0') return 'green';
      if (entities['sensor.etat_thermostat_cuisine'].state === '1') return 'red';

```

Merci pour vos réponses

---

<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:** [Décembre 4, 2023, 2:07 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/95 "2023-12-04T14:07:05Z")

</div>

Hello,

J'ai une manip à faire dans le même style, à savoir, imposer à une icône la couleur et l'état en fonction d'autres entités. J'ai en effet mes volets en KNX et j'aimerais faire de la logique dans HA. Si mes volets du RDC sont ouverts alors je modifie l'icône "Volets du RDC" qui pilote tous les volets du RDC.

 ![image](https://forum.hacf.fr/uploads/default/original/3X/7/a/7a2e59c23632dfe63e8b75c828c6d6fb579496e3.jpeg)

J'ai essayé cela mais cela ne fonctionne pas :

```auto
homeassistant:
  customize: 
    cover.volets_rdc:
      templates: 
        icon: if (entities['cover.cuisine'].state === 'closed') return 'mdi:window-shutter';
           if (entities['cover.volet_salon'].state === 'closed') return 'mdi:window-shutter';
           if (entities['cover.volet_baie_sejour'].state === 'closed') return 'mdi:window-shutter';
           if (entities['cover.volet_baie_salon'].state === 'closed') return 'mdi:window-shutter';
           if (entities['cover.volet_chambre_parentale'].state === 'closed') return 'mdi:window-shutter';
           if (entities['cover.volet_porte_buanderie'].state === 'closed') return 'mdi:window-shutter';
	   if (entities['cover.volet_fenetre_buanderie'].state === 'closed') return 'mdi:window-shutter';
           else return 'mdi:window-shutter-open';
    icon_color: if (entities['cover.cuisine'].state === 'closed') return 'white'; 
		if (entities['cover.volet_salon'].state === 'closed') return 'white'; 
		if (entities['cover.volet_baie_sejour'].state === 'closed') return 'white'; 
		if (entities['cover.volet_baie_salon'].state === 'closed') return 'white'; 
		if (entities['cover.volet_chambre_parentale'].state === 'closed') return 'white'; 
		if (entities['cover.volet_porte_buanderie'].state === 'closed') return 'white'; 
		if (entities['cover.volet_fenetre_buanderie'].state === 'closed') return 'white'; else return 'yellow';

```

Pouvez vous m'aider svp ?

---

<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:** [Décembre 4, 2023, 3:03 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/96 "2023-12-04T15:03:21Z")

</div>

Rajoute un `>` a `icon:` et `icon_color:`

```auto
cover.volets_rdc:
  templates:
    icon: >
      if (entities['cover.cuisine'].state === 'closed') return 'mdi:window-shutter';
      if (entities['cover.volet_salon'].state === 'closed') return 'mdi:window-shutter';
      if (entities['cover.volet_baie_sejour'].state === 'closed') return 'mdi:window-shutter';
      if (entities['cover.volet_baie_salon'].state === 'closed') return 'mdi:window-shutter';
      if (entities['cover.volet_chambre_parentale'].state === 'closed') return 'mdi:window-shutter';
      if (entities['cover.volet_porte_buanderie'].state === 'closed') return 'mdi:window-shutter';
      if (entities['cover.volet_fenetre_buanderie'].state === 'closed') return 'mdi:window-shutter';
      return 'mdi:window-shutter-open';
    icon_color: > 
      if (entities['cover.cuisine'].state === 'closed') return 'white'; 
      if (entities['cover.volet_salon'].state === 'closed') return 'white'; 
      if (entities['cover.volet_baie_sejour'].state === 'closed') return 'white'; 
      if (entities['cover.volet_baie_salon'].state === 'closed') return 'white'; 
      if (entities['cover.volet_chambre_parentale'].state === 'closed') return 'white'; 
      if (entities['cover.volet_porte_buanderie'].state === 'closed') return 'white'; 
      if (entities['cover.volet_fenetre_buanderie'].state === 'closed') return 'white';
      return 'yellow';

```

---

<div class="post-metadata">

**Author:** ![phil](https://forum.hacf.fr/user_avatar/forum.hacf.fr/phil/32/4341_2.png) [@phil](https://forum.hacf.fr/u/phil)\
**Post date:** [Décembre 4, 2023, 5:27 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/97 "2023-12-04T17:27:53Z")

</div>

bonjour ,  
en ce qui me concerne depuis une semaine ou deux et sans avoir modifié mon fichier customize, la couleur des mes volets en fonction de leur état (ouvert ou fermé) ne fonctione plus…  
voici un extrait de mon code dans customize

```auto
######################personnalisation couleurs icones####################
cover.volet_bureau:
       templates:
         icon_color: >
           if (state === 'open') return '#ff0000'; else return '#009933';
        
         
cover.volet_salle_a_manger_2:
       templates:
         icon_color: > 
           if (state === 'open') return '#ff0000'; else return '#009933';
         

```

j’ai uniquement changé la couleur red en #ff0000 et green en ‹&nbsp;#009933&nbsp;› mais rien n’y fait…  
qqun a une idée svp??

---

<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:** [Décembre 4, 2023, 6:00 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/98 "2023-12-04T18:00:05Z")

</div>

j’ai ca pour une lumière. Peu être le `===` a changer en `==` et enlever le `else`. Sinon regarder l’état des volet si ca pas changer, peu être plus `open`.

```auto
    icon_color: >
      if (state == 'on') return '#ff0000';
      return '#00b300';

```

> <https://github.com/Mariusthvdb/custom-ui/blob/master/EXAMPLES.md#single-line-notation>

Edit:  
le `===` gène pas, mais plutot le else.

---

<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:** [Décembre 4, 2023, 8:01 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/99 "2023-12-04T20:01:50Z")

</div>

> [@WarC0zes](#):
>
> ```auto
> templates:
> icon: >
> if (entities['cover.cuisine'].state === 'closed') return 'mdi:window-shutter';
> if (entities['cover.volet_salon'].state === 'closed') return 'mdi:window-shutter';
> if (entities['cover.volet_baie_sejour'].state === 'closed') return 'mdi:window-shutter';
> if (entities['cover.volet_baie_salon'].state === 'closed') return 'mdi:window-shutter';
> if (entities['cover.volet_chambre_parentale'].state === 'closed') return 'mdi:window-shutter';
> if (entities['cover.volet_porte_buanderie'].state === 'closed') return 'mdi:window-shutter';
> if (entities['cover.volet_fenetre_buanderie'].state === 'closed') return 'mdi:window-shutter';
> return 'mdi:window-shutter-open';
> icon_color: > 
> if (entities['cover.cuisine'].state === 'closed') return 'white'; 
> if (entities['cover.volet_salon'].state === 'closed') return 'white'; 
> if (entities['cover.volet_baie_sejour'].state === 'closed') return 'white'; 
> if (entities['cover.volet_baie_salon'].state === 'closed') return 'white'; 
> if (entities['cover.volet_chambre_parentale'].state === 'closed') return 'white'; 
> if (entities['cover.volet_porte_buanderie'].state === 'closed') return 'white'; 
> if (entities['cover.volet_fenetre_buanderie'].state === 'closed') return 'white';
> return 'yellow';
> 
> ```

Cela ne passe pas :

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

---

<div class="post-metadata">

**Author:** ![Pulpy-Luke](https://forum.hacf.fr/user_avatar/forum.hacf.fr/pulpy-luke/32/137426_2.png) [@Pulpy-Luke](https://forum.hacf.fr/u/Pulpy-Luke)\
**Post date:** [Décembre 4, 2023, 8:10 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/100 "2023-12-04T20:10:58Z")

</div>

Salut,

> [@Stef\_42](#):
>
> Cela ne passe pas :

Comme souvent en yaml, les espaces sont importants !  
Là entre `templates:` et `icon` tu en as facile 4 au lieu de 2

> [@phil](#):
>
> j’ai uniquement changé la couleur red en #ff0000 et green en ‹ #009933 › mais rien n’y fait…  
> qqun a une idée svp??

Pareil, là 7 espaces entre ` cover.volet_bureau:` et `templates:`🤪

---

<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:** [Décembre 4, 2023, 8:14 UTC](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/101 "2023-12-04T20:14:09Z")

</div>

Merci je n'ai pas vu lors de ma copie que je n'avais pas pris "templates" avec...  
Par contre j'ai un souci sur l'état avec ce code :

 ![image](https://forum.hacf.fr/uploads/default/original/3X/f/f/ffb0f84705adb761caba65d5bf20034155ceb411.png)  
@ljleyoshi avait eu ce souci en 2021 mais pas de retour sur le problème.

Et ça ne marche pas :

 ![image](https://forum.hacf.fr/uploads/default/original/3X/f/5/f53f96cc5c2787ae42e2ce468750e9a3df20cfef.jpeg)

[Page précédente](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308.md?page=4)

[Page suivante](https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308.md?page=6)