# Mode sombre sur la webadmin **URL:** \ **Category:** Discuss\ **Tags:** yunohost, french\ **Created:** [May 12, 2022, 2:28pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808 "2022-05-12T14:28:47Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![JfmbLinux](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jfmblinux/32/11238_2.png) [@JfmbLinux](https://forum.yunohost.org/u/JfmbLinux)\ **Post date:** [May 12, 2022, 2:28pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/1 "2022-05-12T14:28:48Z")
Bonjour tout le monde les gens, Je sais pas si c’est ici le bon endroit pour présenter ceci ⤵ Trouvant l’interface Yunohost Admin par moment trop blanc et parce que je porte des lunettes 🤓, j’ai mis un peu de dark sur l’interface Yunohost Admin. J’ai créé un fichier CSS (userContent.css) sous Firefox bien sûr et j’ai pu avoir une interface Yunohost Admin dark, enfin plus clair que dark, mais ça me convient pour l’instant. Je voulais vous montrer 😊 ![YunohostDark01](https://forum.yunohost.org/uploads/default/original/2X/d/d4d0eb199d14053f55b1e2b98dd7b7cf62e60019.png) ![YunohostDark02](https://forum.yunohost.org/uploads/default/original/2X/4/4bcec5d4f0b2e52389b6ad9b194f94d8b2a51f9b.png) ---
**Author:** ![jarod5001](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jarod5001/32/5323_2.png) [@jarod5001](https://forum.yunohost.org/u/jarod5001)\ **Post date:** [May 12, 2022, 3:20pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/2 "2022-05-12T15:20:25Z")
Ça peut marcher sous Android ? J’utilise opera sur mon android et j’ai le mode nuit activé en permanence. Donc que ce soit l’interface admin du serveur ou le forum tout est en dark mode. C’est vrai qu’avoir le dark mode intégré dans l’interface ou même avoir la possibilité de changer le thème serait nettement mieux. ---
**Author:** ![JfmbLinux](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jfmblinux/32/11238_2.png) [@JfmbLinux](https://forum.yunohost.org/u/JfmbLinux)\ **Post date:** [May 12, 2022, 3:44pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/3 "2022-05-12T15:44:20Z")
Je sais pas si cela peut fonctionner sous Android, j’utilise pas (j’ai un vieil iPhone 6 et je voudrais changer pour un Fairphone ou Pinephone). C’est vrai que ça améliore pour ceux qui portent des lunettes en permanence, ce qui est mon cas et même sans ça, ce serait pas mal oui d’avoir un thème dark ou la possibilité de de changer de thème. ---
**Author:** ![tituspijean](https://forum.yunohost.org/user_avatar/forum.yunohost.org/tituspijean/32/3584_2.png) [@tituspijean](https://forum.yunohost.org/u/tituspijean)\ **Post date:** [May 12, 2022, 9:10pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/4 "2022-05-12T21:10:44Z")
Personnellement j’utilise l’extension [Dark Reader](https://darkreader.org/), qui fait globalement un super job de rendre les sites web plus sombres. 🙂 ![image](https://forum.yunohost.org/uploads/default/original/2X/a/af63246f99720d86abea6661be4d897d8ea69b81.png) ---
**Author:** ![jarod5001](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jarod5001/32/5323_2.png) [@jarod5001](https://forum.yunohost.org/u/jarod5001)\ **Post date:** [May 12, 2022, 9:29pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/5 "2022-05-12T21:29:33Z")
J’ai eu une mauvaise experience avec les extensions, la plus notable est “the great suspender”. Depuis, j’essaie d’avoir une liste très concise d’extensions. ---
**Author:** ![JfmbLinux](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jfmblinux/32/11238_2.png) [@JfmbLinux](https://forum.yunohost.org/u/JfmbLinux)\ **Post date:** [May 12, 2022, 11:29pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/6 "2022-05-12T23:29:37Z")
Je connais [Dark Reader](https://darkreader.org/), je l’ai utilisé pas le passé, mais je préfère l’utilisation du CSS. J’évite au maximum les extensions, on peut avoir des surprises et certaines ne fonctionnent pas correctement. ---
**Author:** ![tituspijean](https://forum.yunohost.org/user_avatar/forum.yunohost.org/tituspijean/32/3584_2.png) [@tituspijean](https://forum.yunohost.org/u/tituspijean)\ **Post date:** [May 13, 2022, 6:49am UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/7 "2022-05-13T06:49:38Z")
@jarod5001 @JfmbLinux je comprends tout à fait, un simple fichier CSS est bien plus léger et sûr que de dépendre d’une extension. 🙂 Mais bon, on attend toujours le-dit CSS pour en faire bénéficier la communauté. 😛 (et un moyen simple de personnaliser le thème de la webadmin 😅) ---
**Author:** ![JfmbLinux](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jfmblinux/32/11238_2.png) [@JfmbLinux](https://forum.yunohost.org/u/JfmbLinux)\ **Post date:** [May 13, 2022, 10:46am UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/8 "2022-05-13T10:46:24Z")
Bonjour, Oui désolé 😅, je tiens à préciser que je ne suis pas un pro du CSS, HTML… mais juste un petit passionné. Je découvre, je teste, parfois je casse tout, mais bon 😜. > **Important avant de commencer pour ceux qui ne savent pas** > > Depuis la version Firefox 69, il ne charge plus le fichier userChrome.css ou userContent.css. > Pour changer cela, activez l’option : toolkit.legacyUserProfileCustomizations.stylesheets dans about:config. > Ouvrir un nouvel onglet dans Mozilla Firefox. > Tapez about:config dans la barre d’adresse. > Confirmez que vous ferez attention si un message d’avertissement apparaît. > > Saisissez le texte suivant dans la boîte de recherche : toolkit.legacyUserProfileCustomizations.stylesheets. > Réglez l’option toolkit.legacyUserProfileCustomizations.stylesheets sur True. Pour créer le fichier userContent.css rien de plus simple. Utilisez votre éditeur préféré… Ex : [Notepad++](https://notepad-plus-plus.org/) pour ceux qui sont sous Windows. Moi j’utilise [Gedit](https://wiki.gnome.org/Apps/Gedit) sous Linux. Mettre dans ce fichier userContent.css : ```auto /* Ce qui suit est un exemple pour forum.yunohost.org */ @-moz-document url('https://forum.yunohost.org/') { { background-color: #000000! important; /* cette propriété "important" est nécessaire si vous voulez que ça prenne toute la page, sinon vous aurez une surprise */ color: #ffffff! important; } } ``` Une fois le fichier créé, il faut le mettre dans le dossier Chrome (dossier que vous allez devoir créer) de votre profile Firefox. > .mozilla/firefox/xxxxxx.default-release/Chrome Voilà !!! Encore une fois, je ne suis pas pro dans ce domaine, mais juste un tout petit passionné. ---
**Author:** ![jarod5001](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jarod5001/32/5323_2.png) [@jarod5001](https://forum.yunohost.org/u/jarod5001)\ **Post date:** [May 13, 2022, 11:19am UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/9 "2022-05-13T11:19:53Z")
Il est possible d’ajouter le dark mode dans discourse > **[Allow users to select dark / light theme](https://meta.discourse.org/t/allow-users-to-select-dark-light-theme/60857)** > > You can allow your users to select any themes. In this little post I will explain how to create a “dark” theme and “light” theme and then allow users to select between them. Create a Dark color scheme Head to... ---
**Author:** ![JfmbLinux](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jfmblinux/32/11238_2.png) [@JfmbLinux](https://forum.yunohost.org/u/JfmbLinux)\ **Post date:** [May 13, 2022, 1:20pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/10 "2022-05-13T13:20:00Z")
Je ne connais pas ![discourse](https://forum.yunohost.org/uploads/default/original/2X/7/7f92bab8e22c20b9305f1a42dd9b2c53df485547.png), c’est quoi au juste ? ---
**Author:** ![tituspijean](https://forum.yunohost.org/user_avatar/forum.yunohost.org/tituspijean/32/3584_2.png) [@tituspijean](https://forum.yunohost.org/u/tituspijean)\ **Post date:** [May 13, 2022, 3:23pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/11 "2022-05-13T15:23:50Z")
C’est le logiciel qui fait tourner ce forum. 😉 ---
**Author:** ![JfmbLinux](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jfmblinux/32/11238_2.png) [@JfmbLinux](https://forum.yunohost.org/u/JfmbLinux)\ **Post date:** [May 13, 2022, 6:25pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/12 "2022-05-13T18:25:53Z")
Oui, je viens de voir l’appli, pas mal du tout 😀. ---
**Author:** ![JfmbLinux](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jfmblinux/32/11238_2.png) [@JfmbLinux](https://forum.yunohost.org/u/JfmbLinux)\ **Post date:** [May 15, 2022, 1:49pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/13 "2022-05-15T13:49:04Z")
Je sais que ça n’a rien à voir avec Yunohost, mais vous avez dû remarquer que : > security.secure\_connection\_icon\_color\_gray =\> avec la valeur `false` ne fonctionne plus pour rendre l’icône de cadenas de connexion sécurisée verte depuis la mise à jour vers la version 100 de Firefox. Pour résoudre ce problème il suffit de créer un fichier userChrome.css toujours dans le même dossier `chrome` et on y ajoute ceci : ```auto /* Ajoute la couleur verte au cadenas sur la version de Firefox 100 */ #identity-icon { fill: #00ff00 !important; } ``` Enjoy 😉 ---
**Author:** ![Diabolo](https://forum.yunohost.org/user_avatar/forum.yunohost.org/diabolo/32/11635_2.png) [@Diabolo](https://forum.yunohost.org/u/Diabolo)\ **Post date:** [March 25, 2025, 3:14pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/14 "2025-03-25T15:14:36Z")
Hello, Sorry to resort this subject, I don’t know if I am the only one concerned. I would like the Yunohost administration interface to be always in dark mode but it does not work 😢 I use Firefox with the activated dark mode. I activate the dark mode in `/Yunohost/Admin/#/Tools/Webadmin/` but each time I restart Firefox (still in private navigation), it puts the clear mode active. Isn’t there a way to keep the dark mode parameter in memory? I tried the @jfmblinux method above by changing the URL with myconnectionsubdomain/yunohost/admin/ without success. Thanking you in advance for your help ☺ ---
**Author:** ![ljf](https://forum.yunohost.org/user_avatar/forum.yunohost.org/ljf/32/58_2.png) [@ljf](https://forum.yunohost.org/u/ljf)\ **Post date:** [March 25, 2025, 5:48pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/15 "2025-03-25T17:48:47Z")
> [@Diabolo](#): > > I use Firefox with the activated dark mode. I activate the dark mode in `/Yunohost/Admin/#/Tools/Webadmin/` but each time I restart Firefox (still in private navigation), it puts the clear mode active. > > Isn’t there a way to keep the dark mode parameter in memory? No because you are in private browsing mode (so no history, no cookies, no local data). It’s not a yunohost bug, it’s a browser feature 😉 ---
**Author:** ![JfmbLinux](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jfmblinux/32/11238_2.png) [@JfmbLinux](https://forum.yunohost.org/u/JfmbLinux)\ **Post date:** [March 25, 2025, 6:55pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/16 "2025-03-25T18:55:34Z")
You have to go to “about:preferences#privacy” to keep the parameters in dark mode. Then click on “Manage the exceptions …”, ![25-03-2025_19-50-20](https://forum.yunohost.org/uploads/default/optimized/2X/8/835f54bd2e611ea8ca59b978a560b847f535dc37_2_690x51.png) Enter 1. The website address 2. Authorize 3. Save changes. ![25-03-2025_19-51-29](https://forum.yunohost.org/uploads/default/original/2X/9/9a4b4d0e21e52a486cb147a72bcccc61e3755235.png) ---
**Author:** ![Diabolo](https://forum.yunohost.org/user_avatar/forum.yunohost.org/diabolo/32/11635_2.png) [@Diabolo](https://forum.yunohost.org/u/Diabolo)\ **Post date:** [March 25, 2025, 7:23pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/17 "2025-03-25T19:23:35Z")
Even with the exception, it doesn’t work. But that’s okay, I prefer to stay in private browsing by default. I was wondering because on Discourse, for example, it takes into account my general browser setting and activates dark mode even before I log in. I thought maybe the setting could be saved remotely or use the browser setting. But it’s not a priority at all, everything you do is already so great 🥇 🏆 Thank you so much for the work and for the suggested alternatives 🙇‍♂️ ---
**Author:** ![JfmbLinux](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jfmblinux/32/11238_2.png) [@JfmbLinux](https://forum.yunohost.org/u/JfmbLinux)\ **Post date:** [March 25, 2025, 9:36pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/18 "2025-03-25T21:36:30Z")
Check “Delete cookies and data from the Firefox closure”, Click on the “Erase the data …” button Uncheck “Site parameters” ![25-03-2025_22-20-28](https://forum.yunohost.org/uploads/default/original/2X/6/66ba0e2677bbf7db316d715c9cb35fdb2578377f.png) Click on “Erase”, it will keep the settings. Then click on “Manage the exceptions …”, Enter 1. The website address 2. Authorize 3. Save changes ![25-03-2025_19-51-29](https://forum.yunohost.org/uploads/default/original/2X/9/9a4b4d0e21e52a486cb147a72bcccc61e3755235.png) Check “empty the history when closing Firefox” Click on the “Settings …” button Uncheck “Site parameters” ![25-03-2025_22-21-07](https://forum.yunohost.org/uploads/default/original/2X/6/6293023e7c59bf1fd264ea5d87c9e8bc110a7f87.png) You can activate the dark mode in `Yunohost/Admin/#/Tools/Webadmin` ![25-03-2025_22-42-43](https://forum.yunohost.org/uploads/default/original/2X/9/962b38b0eace3cb41ad709eb929d499d1f8c4b0b.png) ---
**Author:** ![Diabolo](https://forum.yunohost.org/user_avatar/forum.yunohost.org/diabolo/32/11635_2.png) [@Diabolo](https://forum.yunohost.org/u/Diabolo)\ **Post date:** [March 25, 2025, 10:09pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/19 "2025-03-25T22:09:36Z")
Yeah, c’est super gentil ☺ C’est tout bien coché comme toi. Je pense que ça vient de : ![private](https://forum.yunohost.org/uploads/default/original/2X/0/0f12cbb716806174dcc7e4934b0baf6ea5e12664.png) Là où je me pose la question par rapport au fichier userChrome.css, c’est que ça a super bien fonctionné pour remettre le cadenas vert ( 🤩 merci 🙇‍♂️), mais pas pour pour le thème noir. Comme si ça voulait bien exécuter un ligne de code, mais pas l’autre. Merci beaucoup pour ton aide en tout cas ☺ ---
**Author:** ![JfmbLinux](https://forum.yunohost.org/user_avatar/forum.yunohost.org/jfmblinux/32/11238_2.png) [@JfmbLinux](https://forum.yunohost.org/u/JfmbLinux)\ **Post date:** [March 25, 2025, 10:28pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/20 "2025-03-25T22:28:12Z")
Je t’en prie, c’est normal 😉 Je n’utilise pas “Toujours utiliser le mode de navigation privée”, je le fais que dans certains cas. L’interface Yunohost Admin est toujours en mode sombre depuis que j’ai procédé comme ça avec ce paramétrage. Tiens, une autre petite astuce, si tu veux mettre de la couleur sur le bouclier Firefox 😜 Toujours à mettre dans `userChrome.css` ```auto #tracking-protection-icon-box { fill: #8169ec !important; } ``` ![25-03-2025_23-26-09](https://forum.yunohost.org/uploads/default/original/2X/8/80c178050f39396240b9db9d79ae842e0a7f92e1.png) [Next page](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808.md?page=2)