# Comment ajouter une classe de corps spécifique pour le mode sombre (ou clair) ?

**URL:** <https://meta.discourse.org/t/how-to-add-a-specific-body-class-for-the-dark-or-light-mode/220062>\
**Category:** Product Support\
**Created:** [Mars 4, 2022, 2:30 UTC](https://meta.discourse.org/t/how-to-add-a-specific-body-class-for-the-dark-or-light-mode/220062 "2022-03-04T14:30:29Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [Mars 5, 2022, 4:27 UTC](https://meta.discourse.org/t/how-to-add-a-specific-body-class-for-the-dark-or-light-mode/220062/7 "2022-03-05T16:27:17Z")

</div>

Oups.  
Non, ça n’a pas fonctionné.

Veuillez me corriger si je me trompe. **prefers-color-scheme** est basé sur la préférence de l’_appareil_, et non sur le thème Discourse réellement sélectionné ?

Sur mon appareil Windows, j’ai défini un thème sombre. Donc, les sites Web qui utilisent la préférence de mon appareil afficheront, si possible, un thème sombre.

Mais sur mon forum, j’ai délibérément choisi d’utiliser un thème **clair** , pas un thème sombre.

La requête média **prefers-color-scheme** est toujours chargée bien que j’utilise un thème clair :

Thème clair, pas de mode sombre,

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/2/32460a16e5e7f276625f800961475e770617fdc3.png)

Pourtant, la règle pour le thème sombre s’applique néanmoins :

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/1/91023c99806fd5d428644f67d2d213aee8895316.png)

Plein écran :

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/7/e7877bf636821534692f958e18f04424487ca701.png)

---

_[View the full topic](https://meta.discourse.org/t/how-to-add-a-specific-body-class-for-the-dark-or-light-mode/220062)._