Mode sombre sur la webadmin

Bonjour tout le monde les gens,

Je sais pas si c’est ici le bon endroit pour présenter ceci :arrow_heading_down:

Trouvant l’interface Yunohost Admin par moment trop blanc et parce que je porte des lunettes :nerd_face:, 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 :blush:

8 Likes

Ç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.

1 Like

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.

Personnellement j’utilise l’extension Dark Reader, qui fait globalement un super job de rendre les sites web plus sombres. :slight_smile:

5 Likes

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.

1 Like

Je connais Dark Reader, 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.

1 Like

@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. :slight_smile:

Mais bon, on attend toujours le-dit CSS pour en faire bénéficier la communauté. :stuck_out_tongue: (et un moyen simple de personnaliser le thème de la webadmin :sweat_smile:)

3 Likes

Bonjour,

Oui désolé :sweat_smile:, 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 :stuck_out_tongue_winking_eye:.

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++ pour ceux qui sont sous Windows.
Moi j’utilise Gedit sous Linux.

Mettre dans ce fichier userContent.css :

/* 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é.

3 Likes

Il est possible d’ajouter le dark mode dans discourse

1 Like

Je ne connais pas discourse, c’est quoi au juste ?

1 Like

C’est le logiciel qui fait tourner ce forum. :wink:

3 Likes

Oui, je viens de voir l’appli, pas mal du tout :grinning:.

1 Like

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 :

/* Ajoute la couleur verte au cadenas sur la version de Firefox 100 */
#identity-icon {
    fill: #00ff00 !important;
}

Enjoy :wink:

2 Likes

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 :cry:

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 :smiling_face:

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 :wink:

1 Like

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

Enter

  1. The website address
  2. Authorize
  3. Save changes.

1 Like

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 :1st_place_medal: :trophy:

Thank you so much for the work and for the suggested alternatives :man_bowing:

1 Like

Check “Delete cookies and data from the Firefox closure”,
Click on the “Erase the data …” button
Uncheck “Site parameters”

Click on “Erase”, it will keep the settings.

Then click on “Manage the exceptions …”,
Enter

  1. The website address
  2. Authorize
  3. Save changes

Check “empty the history when closing Firefox”
Click on the “Settings …” button
Uncheck “Site parameters”

You can activate the dark mode in Yunohost/Admin/#/Tools/Webadmin

1 Like

Yeah, c’est super gentil :smiling_face:

C’est tout bien coché comme toi. Je pense que ça vient de :

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 ( :star_struck: merci :man_bowing:), 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 :smiling_face:

Je t’en prie, c’est normal :wink:

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 :winking_face_with_tongue:
Toujours à mettre dans userChrome.css

#tracking-protection-icon-box {
    fill: #8169ec !important;
}

25-03-2025_23-26-09

1 Like