# Mode sombre sur la webadmin

**URL:** <https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808>\
**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:** 5\
**Page:** 2

<div class="post-metadata">

**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, 11:56pm UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/21 "2025-03-25T23:56:28Z")

</div>

Génial de retrouver de la couleur sur le bouclier aussi, ça va super bien avec l’entrée dans le printemps en plus 😍

J’étais parti pour bricoler sur autre chose mais tu as titillé mon attention ☺

J’arrive à peu près à faire quelque chose que je voudrais sans cookie mais avec un fichier userContent.css (je n’avais jamais manipulé de .css auparavant 😅) :

```auto
@-moz-document domain("example.com") { /* Remplacez example.com par le domaine de votre site */
    /* Changer le fond et le texte */
    body {
        background-color: #121212 !important; /* Couleur de fond sombre */
        color: #ffffff !important; /* Couleur de texte claire */
    }

    /* Styles pour les éléments avec la classe "card" */
    .card {
        background-color: #1e1e1e !important; /* Fond sombre pour les cartes */
        border: 1px solid #333 !important; /* Bordure pour les cartes */
        box-shadow: none !important; /* Supprimer l'ombre si nécessaire */
        color: #ffffff !important; /* Couleur de texte claire */
    }

    /* Inverser les couleurs des images (comme les logos) */
    img {
        filter: invert(1) !important; /* Inverser les couleurs des images */
    }

    /* Styles supplémentaires pour les boutons */
    button, input[type="submit"] {
        background-color: #333 !important; /* Fond sombre pour les boutons */
        color: #ffffff !important; /* Texte clair pour les boutons */
        border: 1px solid #555 !important; /* Bordure pour les boutons */
    }

    /* Ajoutez d'autres styles selon vos besoins */
}

```

Je prendrai le temps de l’améliorer et je reviendrai le poster ici 😉

---

<div class="post-metadata">

**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 26, 2025, 12:30am UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/22 "2025-03-26T00:30:40Z")

</div>

Excellent 😉  
Tu peux me retrouver sur Mastodon aussi…

---

<div class="post-metadata">

**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 26, 2025, 1:20am UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/23 "2025-03-26T01:20:57Z")

</div>

Alors il y aura peut-être un moyen plus simple. Je suis finalement tombé là-dessus : [Personnaliser l'apparence du portail utilisateur | Yunohost Documentation](https://doc.yunohost.org/fr/theming)

Ce qui est un peu étrange c’est que ça n’a pas l’air à jour :

- `Outils > Paramètres de YunoHost > Other > Thème du portail` ça n’existe pas ou plus,
- `/usr/share/ssowat/portal/assets/themes/` ça n’existe pas non plus

En revanche il y a un truc qui te plairait : [Yunohost Themes · GitHub](https://github.com/yunohost-themes) avec un thème Starwars ⚫🤖⚔  
Je creuse tout ça un peu plus tard, bonne nuit 🙋‍♂️

---

<div class="post-metadata">

**Author:** ![OniriCorpe](https://forum.yunohost.org/user_avatar/forum.yunohost.org/oniricorpe/32/3356_2.png) [@OniriCorpe](https://forum.yunohost.org/u/OniriCorpe)\
**Post date:** [March 26, 2025, 5:09am UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/24 "2025-03-26T05:09:35Z")

</div>

Ah oui c’est pas à jour ça  
Et les thèmes listés sont désormais incompatibles aussi  
J’ai créé un ticket pour ça : [Update the portal customization doc · Issue #2566 · YunoHost/issues · GitHub](https://github.com/YunoHost/issues/issues/2566)

Dans tous les cas c’est hors de propos pour le souci du mode sombre dans l’interface d’administration  
Mais il existe aussi un ticket pour ça : [Web admin: automatic dark mode · Issue #2312 · YunoHost/issues · GitHub](https://github.com/YunoHost/issues/issues/2312)

En attendant vous pouvez utiliser l’addon [Dark Reader](https://darkreader.org/)

---

<div class="post-metadata">

**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 26, 2025, 8:53am UTC](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808/25 "2025-03-26T08:53:21Z")

</div>

@OniriCorpe

Ce système ne fonctionne plus pour changer les thèmes dans le portail, il faut aller dans le “Domaine principal, pas les sous domaines.”

```auto
yunohost/admin/#/Domaines/domaine.tld

```

Puis :

```auto
Personnalisation du portail 

```

[Previous page](https://forum.yunohost.org/t/mode-sombre-sur-la-webadmin/19808.md?page=1)