# Dark mode dans Gladys

**URL:** <https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067>\
**Category:** Demandes livrées\
**Tags:** feature-core, feature-request-ux\
**Created:** [Janvier 30, 2021, 7:56 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067 "2021-01-30T19:56:27Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\
**Post date:** [Janvier 30, 2021, 7:56 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/1 "2021-01-30T19:56:27Z")

</div>

Avoir un mode «&nbsp;dark mode&nbsp;»

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Novembre 8, 2021, 1:05 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/2 "2021-11-08T01:05:50Z")

</div>

@Albenss Je répond à ton message ici!

[https://community.gladysassistant.com/t/implementation-dun-theme-sombre/6660](https://community.gladysassistant.com/t/implementation-dun-theme-sombre/6660)

> maintenant que Tabler en possède un

Justement, Tabler ne propose pas encore de thème sombre, il y a une version 1.0.0 qui est en alpha depuis plusieurs années, et ça n’avance pas énormément.

En plus de ça, c’est une version majeure assez breaking, grosso modo si un jour on passe à cette version il faut repasser sur la totalité du front (c’est pas juste mettre à jour la lib)

Après on le fera sûrement un jour (je suis d’accord c’est très cool un mode sombre), après c’est plus un «&nbsp;nice to have&nbsp;», je suis pas sûr que des gens ne peuvent pas passer à la v4 à cause de ce manquement 🙂

---

<div class="post-metadata">

**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\
**Post date:** [Juin 21, 2022, 2:48 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/3 "2022-06-21T14:48:21Z")

</div>

Pour relancer le débat.

[![](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/1/195119034969e62f1c390a29432ff58e4d03816e.jpeg "Comment le dark mode vous gâche la vie") ](https://www.youtube.com/watch?v=ADF2vMkvN8c)

---

<div class="post-metadata">

**Author:** ![lmilcent](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lmilcent/32/7023_2.png) [@lmilcent](https://community.gladysassistant.com/u/lmilcent)\
**Post date:** [Novembre 20, 2022, 7:34 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/4 "2022-11-20T19:34:24Z")

</div>

J’utilise le navigateur Bromite pour Android, qui a suivi mon theme android (sombre) et l’a appliqué a toutes mes pages web dont celles de Gladys.

Voilà ce que ça donne :

 ![Screenshot_20221120-202345_Bromite](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/8/841185c9d49130634d1787a92d33b99471b27b42.png)  
 ![Screenshot_20221120-202322_Bromite](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/b/bbdb2daba34399ff662b8d706c0bb35f6e6451db.png)  
 ![Screenshot_20221120-202313_Bromite](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/4/410c7af9da435dc597ce663377dbba119b901710.png)

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Novembre 21, 2022, 7:05 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/5 "2022-11-21T07:05:22Z")

</div>

T’as moyen de récupérer le css ?

---

<div class="post-metadata">

**Author:** ![lmilcent](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lmilcent/32/7023_2.png) [@lmilcent](https://community.gladysassistant.com/u/lmilcent)\
**Post date:** [Novembre 21, 2022, 8:39 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/6 "2022-11-21T08:39:03Z")

</div>

Récupérer le css _live_ d’une page web sous Android n’a pas l’air possible.  
Mais peut être que d’autres navigateurs sous Windows, Mac ou Linux peuvent avoir le même comportement ?

Je pense à Opera ou firefox avec des options avancées ?

---

<div class="post-metadata">

**Author:** ![lmilcent](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lmilcent/32/7023_2.png) [@lmilcent](https://community.gladysassistant.com/u/lmilcent)\
**Post date:** [Novembre 21, 2022, 8:40 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/7 "2022-11-21T08:40:33Z")

</div>

À l’occasion je ferais ça avec :

> **[Dark Reader – Adoptez cette extension pour 🦊 Firefox (fr)](https://addons.mozilla.org/fr/firefox/addon/darkreader/)**
>
> Télécharger Dark Reader pour Firefox. Un thème sombre pour chaque site Web. Prenez soin de vos yeux, utilisez Dark Reader pour votre navigation nocturne et quotidienne.

---

<div class="post-metadata">

**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\
**Post date:** [Novembre 21, 2022, 9:44 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/8 "2022-11-21T09:44:45Z")

</div>

Je viens de regarder et avec Opera c’est faisable.  
Il faut juste forcer le thème sombre sur toutes les pages et c’est good.

---

<div class="post-metadata">

**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\
**Post date:** [Novembre 21, 2022, 3:06 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/9 "2022-11-21T15:06:08Z")

</div>

Par exemple pour la page de configuration de Gladys Plus.

 ![configuration Gladys Plus](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/1/1d08412a7882f3129699b5acc81b88f780415597.png)

Impossible de joindre le fichier CSS car sur les 7 premières lignes il y a plus de 251000 caractères.

---

<div class="post-metadata">

**Author:** ![lmilcent](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lmilcent/32/7023_2.png) [@lmilcent](https://community.gladysassistant.com/u/lmilcent)\
**Post date:** [Novembre 21, 2022, 3:36 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/10 "2022-11-21T15:36:19Z")

</div>

Tu peux créer un nouveau fichier, copier-coller le CSS dans ce fichier et ensuite le télécharger sur le forum par exemple. Ça devrait fonctionner.

---

<div class="post-metadata">

**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\
**Post date:** [Novembre 23, 2022, 10:34 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/11 "2022-11-23T10:34:12Z")

</div>

Nope pas possible.

(extensions autorisées : jpg, jpeg, png, gif, mp4).  
@VonOx je peux te l’envoyer si tu veux regarder ce que ça donne.

---

<div class="post-metadata">

**Author:** ![lmilcent](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lmilcent/32/7023_2.png) [@lmilcent](https://community.gladysassistant.com/u/lmilcent)\
**Post date:** [Novembre 23, 2022, 7:55 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/12 "2022-11-23T19:55:17Z")

</div>

Je vois. 😅  
L’autre solution, c’est d’héberger ton fichier sur une autre plateforme comme Google Drive ou autre chose ?

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Novembre 24, 2022, 2:36 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/13 "2022-11-24T02:36:04Z")

</div>

Pour partager du code:

> **[Pastebin.com - #1 paste tool since 2002!](https://pastebin.com/)**
>
> Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Novembre 24, 2022, 11:46 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/14 "2022-11-24T11:46:46Z")

</div>

Oui gist ou pastbin c’est OK merci

---

<div class="post-metadata">

**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\
**Post date:** [Décembre 6, 2022, 5:43 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/15 "2022-12-06T17:43:42Z")

</div>

Voici le fichier css:  
[https://pastebin.com/JFNtn7Pg](https://pastebin.com/JFNtn7Pg)

Est ce que c’est bon car il est très volumineux.  
Sur Opera le mode dark est top, pas besoin de plus et Gladys s’affiche parfaitement.

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Décembre 28, 2022, 4:32 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/16 "2022-12-28T16:32:58Z")

</div>

Pour info j’ai commencé la mise à jour du thème que l’on utilise côté Gladys ( qui intègre un dark mode dans ses dernières releases ).

Y’a encore beaucoup de boulot mais voilà un aperçu.

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/6/691d6185d9729ccb91af6684472b376cf31f17f5.png)  
 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/9/9ea85672722126f2c75389e314e0084933496f8d.png)

---

<div class="post-metadata">

**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\
**Post date:** [Décembre 28, 2022, 5:29 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/17 "2022-12-28T17:29:22Z")

</div>

Tu t’ai aidé du fichier css que j’ai partagé ?

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Décembre 28, 2022, 5:42 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/18 "2022-12-28T17:42:28Z")

</div>

Non c’est celui du thème

> **[Tabler: Premium and Open Source dashboard template with responsive and high...](https://preview.tabler.io/)**
>
> Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Janvier 1, 2023, 8:32 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/19 "2023-01-01T20:32:48Z")

</div>

> [@VonOx](#):
>
> Y’a encore beaucoup de boulot mais voilà un aperçu.

Propre 🕶

---

<div class="post-metadata">

**Author:** ![Lokkye](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lokkye/32/5881_2.png) [@Lokkye](https://community.gladysassistant.com/u/Lokkye)\
**Post date:** [Janvier 3, 2023, 4:25 UTC](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067/20 "2023-01-03T16:25:45Z")

</div>

C’est super propre !!

[Page suivante](https://community.gladysassistant.com/t/dark-mode-dans-gladys/6067.md?page=2)
