Dark mode in Gladys

Avoir un mode « dark mode »

@Albenss Je répond à ton message ici!

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 « nice to have », je suis pas sûr que des gens ne peuvent pas passer à la v4 à cause de ce manquement :slight_smile:

1 Like

To reignite the debate.

1 Like

I use the Bromite browser for Android, which followed my Android theme (dark) and applied it to all my web pages including those of Gladys.

Here’s what it looks like:



2 Likes

Can you get the CSS?

Retrieving the CSS live from a web page on Android doesn’t seem possible.
But maybe other browsers on Windows, Mac, or Linux could exhibit the same behavior?

I’m thinking of Opera or Firefox with advanced options?

I’ll do that sometime with:

I just checked and with Opera it’s doable.
You just need to force dark mode on all pages and it’s fine.

1 Like

For example, for the Gladys Plus configuration page.

Unable to attach the CSS file because the first 7 lines contain more than 251,000 characters.

You can create a new file, copy and paste the CSS into that file, and then upload it to the forum, for example. That should work.

Nope, not possible.

(allowed extensions: jpg, jpeg, png, gif, mp4).
@VonOx I can send it to you if you want to see what it looks like.

I see. :sweat_smile:
The other option is to host your file on another platform like Google Drive or something else?

To share code:

Yes, Gist or Pastebin is OK, thanks.

Here is the CSS file:

Is this okay? It’s very large.
On Opera the dark mode is great, no need for anything else and Gladys displays perfectly.

FYI j’ai commencé la mise à jour du thème que l’on utilise côté Gladys ( which includes a dark mode in its latest releases ).

There’s still a lot of work to do but here’s a preview.


5 Likes

Did you use the CSS file I shared?

No, it’s the one from the theme

Nice :sunglasses:

It’s super clean!!