Dark mode in Gladys

I use the different dark modes a lot, I must admit that, for me, that one leans too much toward blue/purple.
I tend to prefer shades of gray.
After all, to each their own; it still looks great despite what I said! :+1:

These are the default theme colors; the purple is my Linux screenshot tool that does that — I don’t know why. If you want to see the theme for real it’s here => https://preview.tabler.io/

Right now I’m mainly at a migration stage because the theme has evolved a lot.

For example, the dashboard in its current state is completely in shambles.

2 Likes

Great news, the theme we use in Gladys has just released v1.0.0 that we’ve been waiting for for several years :tada::tada:

This v1 now supports dark mode, which would allow us to switch to dark mode in Gladys if we migrate to this version.

Well, the bad news is that this v1 is totally different from the version we use — we have to migrate all the screens one by one because all the CSS has changed ^^

4 Likes

Hi everyone,

Many of us use apps like Fully Kiosk Browser to display Gladys on a wall-mounted tablet with a dark-mode rendering.

These apps work by intelligently inverting colors, which allows getting a “dark mode” without having to redevelop everything.

Rather than completely redoing the Gladys interface to switch to Tabler 1.0.0 (which would be a huge undertaking :sweat_smile:), I explored a lighter alternative in a PR:

:backhand_index_pointing_right: Add Dark Mode by Pierre-Gilles · Pull Request #2343 · GladysAssistant/Gladys · GitHub

You can test the result online on Gladys Plus:

Curious to hear your feedback!

Would this kind of dark mode work for you? :slightly_smiling_face:

Thanks for the attempt.
Not very interested in this mode but I’ll give my opinion anyway :sweat_smile:

The theme is fairly coherent, it looks good on the charts.
But it’s very dark, even too dark, readability suffers.

And my daughter has also turned black (emoji of the dashboard name) :rofl:

2 Likes

First of all, I think it’s great — I generally really like dark modes and, on top of that, they’re more power-efficient on my OLED phone.
However, the pure black background does hurt readability.
For me, the black background should be kept, but the cards should have a less dark color.

That’s true, I’ll look into making it less dark :slight_smile:

The invert method flips everything, including the emojis aha, I’ll look into removing that :stuck_out_tongue:

I tried something using Tabler 1.0.0’s dark theme colors:

It’s less harsh!

2 Likes

I pushed the latest version to the same Gladys Plus build:

I tested it at home, it’s really nice :slight_smile:

Let me know if you see any points to correct!

2 Likes

The latest screenshot looks much better!
I also find that the text is a bit hard to read, for example the disabled button at the bottom (desk light) which is very, very dark and barely visible.

I agree, it’s already fixed :smiley: The screenshot is not up to date.

1 Like

The pink is very fluorescent

1 Like

Whoa, indeed, I’m pushing a fix:

It’s currently building!

2 Likes

Hello everyone :slight_smile:

I’m bringing this topic back up a bit — I’m still open to feedback on the dark mode!

For Gladys Plus users, you can start using it today at this link:

https://dark-mode.gladys-plus.pages.dev/dashboard

If everything looks good to you, I can merge this quickly into Gladys.

Hi @pierre-gilles,

I just tested it and, not being a fan of dark mode at all, I find that it’s well done with enough contrast, except maybe for the separation of the columns on mobile:

It doesn’t bother me, the light colors are intentionally not « white » so they aren’t glaring :slight_smile:

I think that’s really great :+1:

1 Like

Hello everyone;
I think it’s great :clap:, no complaints
Thanks again for the work done.

1 Like

Hi again, good evening,
Will the mode change be configurable based on a programmable time or controlled by sunrise and sunset (less precise), or will it just be the icon that controls it?
Thanks

By default this mode matches the system mode, so if your phone/PC switches to dark mode automatically at bedtime, it will do so :slight_smile:

Otherwise, there’s also a manual toggle.

1 Like