# Activer le thème sombre automatique sur ces forums

**URL:** <https://forumsdulibre.quebec/t/activer-le-theme-sombre-automatique-sur-ces-forums/1447>\
**Category:** Méta\
**Created:** [Février 14, 2022, 3:29 UTC](https://forumsdulibre.quebec/t/activer-le-theme-sombre-automatique-sur-ces-forums/1447 "2022-02-14T03:29:20Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jeff](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/jeff/32/26_2.png) [@jeff](https://forumsdulibre.quebec/u/jeff)\
**Post date:** [Février 14, 2022, 3:29 UTC](https://forumsdulibre.quebec/t/activer-le-theme-sombre-automatique-sur-ces-forums/1447/1 "2022-02-14T03:29:20Z")

</div>

Voici une idée pour quelqu’un qui saurait mieux s’y démêler que moi: faire marcher le thème sombre automatique par défaut sur ce forum Discourse. C’est [s’pôsé marcher depuis 2020](https://meta.discourse.org/t/automatic-dark-mode-color-scheme-switching/161593/). Ce qui serait bien sympa pour le monde qui roulent GNOME 42+ (ou elementary) et qui ont une gestion automatique du mode sombre, qui peut se transmettre ensuite via Firefox (avec [cette extension](https://addons.mozilla.org/en-US/firefox/addon/automatic-dark/) par exemple).

…Donc j’ai essayé de faire marcher ça dans l’admin du forum ici, et pourtant, après avoir rajouté la palette sombre et changé le paramètre pour lui dire de l’utiliser pour le «&nbsp;default dark mode color scheme id&nbsp;», eh bien ça ne marche toujours pas, même si mon navigateur web est en mode sombre.

L’idéal à mon avis serait que ça marche automagiquement pour tout le monde sur le forum, sans qu’on aie à tous avoir une option dans nos préférences personnelles (non-admin) pour ça.

Comme j’ai essayé sans grand succès, je pitche la balle ici si y’a un autre admin qui saurait peut-être comment resetter tout le thème du forum (au cas où ça change quelque chose)…

---

<div class="post-metadata">

**Author:** ![mathieugp](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/mathieugp/32/7_2.png) [@mathieugp](https://forumsdulibre.quebec/u/mathieugp)\
**Post date:** [Février 15, 2022, 1:28 UTC](https://forumsdulibre.quebec/t/activer-le-theme-sombre-automatique-sur-ces-forums/1447/2 "2022-02-15T13:28:34Z")

</div>

@jeff Vu que les _assets_ sont reconstruites par Ruby On Rails lors des mises à jour, j’aurais tendance à penser que le problème n’est pas au niveau du thème dans Discourse.

Je vois que l’option est activée dans les paramètres globaux et dans mes préférences de compte l’option «Activer le mode sombre automatiquement» était cochée par défaut. Je pense que c’est en principe tout ce qu’il y a à faire côté Discourse pour que ça marche.

Question : est-ce qu’il y a une façon pour moi de tester si ça marche avec Ubuntu 20.04.3, GNOME 3.36.8 et Firefox 97 ? (J’ai cette configuration sur mon ordi de bureau et mon portable.)

---

<div class="post-metadata">

**Author:** ![millette](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/millette/32/444_2.png) [@millette](https://forumsdulibre.quebec/u/millette)\
**Post date:** [Février 16, 2022, 1:11 UTC](https://forumsdulibre.quebec/t/activer-le-theme-sombre-automatique-sur-ces-forums/1447/3 "2022-02-16T13:11:20Z")

</div>

Dans le dev-tool (Inspector) de Firefox, y’a un piton:

[![](https://discourse-prod-uploads-81679984178418.s3.dualstack.us-west-2.amazonaws.com/original/3X/1/1/11bb396665f736ae81d5e5042da9d6b5e4123d6d.png) ](https://discourse-prod-uploads-81679984178418.s3.dualstack.us-west-2.amazonaws.com/original/3X/1/1/11bb396665f736ae81d5e5042da9d6b5e4123d6d.png)

Plusieurs pistes dans cet article:

> **[How to test preferred color scheme (Dark Mode) with Firefox](https://discourse.mozilla.org/t/how-to-test-preferred-color-scheme-dark-mode-with-firefox/40769/5)**
>
> Note that the color scheme simulation feature is enabled by default starting from Firefox 87. The UI got changed and there are now two buttons for enabling dark or light color scheme simulation: Note that the UI for it might still change in the...

Enfin, l’extension suggérée par @jeff est optionnelle, c’est pour ajuster le thème selon l’heure, mais par défaut Firefox utilisera le thème de votre environnement de bureau (gnome, etc.)

---

<div class="post-metadata">

**Author:** ![millette](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/millette/32/444_2.png) [@millette](https://forumsdulibre.quebec/u/millette)\
**Post date:** [Février 16, 2022, 1:22 UTC](https://forumsdulibre.quebec/t/activer-le-theme-sombre-automatique-sur-ces-forums/1447/4 "2022-02-16T13:22:11Z")

</div>

Pour ceux qui mettent la vie privée de l’avant (ici, la plupart d’entre nous):

> **Note :** Si vous avez modifié `privacy.resistFingerprinting` à **vrai** , le paramètre [`prefers-color-scheme`](https://developer.mozilla.org/fr/docs/Web/CSS/@media/prefers-color-scheme) sera redéfini à `light`. Sinon, vous pouvez créer le paramètre numérique `ui.systemUsesDarkTheme` pour redéfinier le comportement par défaut et retourner `light` (valeur : 0), `dark` (valeur : 1), or `no-preference` (valeur : 2). (Firefox retournera`light` si une autre valeur est utilisée.)

Tiré de

> **[prefers-color-scheme - CSS : Feuilles de style en cascade | MDN](https://developer.mozilla.org/fr/docs/Web/CSS/@media/prefers-color-scheme)**
>
> La caractéristique média prefers-color-scheme permet de détecter les préférences exprimées par l'utilisateur quant au thème à utiliser (sombre ou clair).

---

<div class="post-metadata">

**Author:** ![anarcat](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/anarcat/32/34_2.png) [@anarcat](https://forumsdulibre.quebec/u/anarcat)\
**Post date:** [Février 17, 2022, 6:37 UTC](https://forumsdulibre.quebec/t/activer-le-theme-sombre-automatique-sur-ces-forums/1447/5 "2022-02-17T18:37:28Z")

</div>

ca marche ici:

 ![image](https://forumsdulibre.quebec/uploads/default/original/1X/f69796f1951a3daa48188b702be86e55ed422c4b.png)

mais j’ai hardcodé ça dans firefox… avec de quoi du genre:

```auto
browser.in-content.dark-mode	true	
systemUsesDarkTheme	1	
ui.systemUsesDarkTheme	1

```

je me souviens plus lequel est le bouton magique… mais bon, ça marche quoi. 🙂 merci!
