Support us on Patreon to keep GamingOnLinux alive. This ensures we have no timed articles and no paywalls. Just good, fresh content! Alternatively, you can donate through Paypal, Flattr and Liberapay!
Automatic dark theme implemented
Liam Dawe commented on 14 July 2019 at 10:09 pm UTC

For those whose system/browser supports "prefers-color-scheme" -> https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

GOL will now automatically give you a dark theme if needed, as in if you've turned on dark mode and your system correctly reports it as such. It's great, since this means users not even logged in can get the dark theme too automatically

Let me know of any weirdness if you're forcing the dark theme from your GOL user settings, as the CSS files were all changed but in my own testing it all works fine.

Want to force test it? Firefox can enable dark mode for websites:
- go to about:config
- add ui.systemUsesDarkTheme integer 1
- enjoy dark mode on websites (like GOL!) that support it

Shmerl commented on 14 July 2019 at 11:02 pm UTC

Thanks for this!

Somehow it worked without adding ui.systemUsesDarkTheme key for me (in my Firefox it's simply missing). My gtk theme is using dark colors with breeze-gtk though, so may be it sets the same thing implicitly.

Cyril commented on 15 July 2019 at 12:10 am UTC

Same as Shmerl, it works without editing anything.

ben914 commented on 16 July 2019 at 7:39 pm UTC

I was surprised by the dark theme when I came to visit the site today. I like it. I prefer dark themes wherever I can get them.

Liam Dawe commented on 16 July 2019 at 7:40 pm UTC

Glad to know you're enjoying it.

A small oversight: You can't force the light theme if you wanted to. That is currently be drafted up: https://gitlab.com/liamdawe/gamingonlinux/issues/361

mirv commented on 16 July 2019 at 9:15 pm UTC

I prefer dark themes (easier on my eyes), and I was pleasantly surprised at this change today from work. Also works fine with Firefox on mobile. Cheers!

Liam Dawe commented on 16 July 2019 at 9:27 pm UTC

I'm thinking to add a small adjustment to the dark CSS, to give images a really small amount of opacity. That way, images won't be so blinding, especially when we can only get logos and such with a white background and so on. Need to do some tests, but it's real simple to add in.

CandricS commented on 18 July 2019 at 6:05 am UTC

This was quite a surprise the other night when I visited the site. As usual I thought it was something on my end and when I couldn't figure it out I gave up. It's quite nice though, but at the time the room was well lit and I don't like to have dark themes with a well lit room (it just feels weird to my eyes, I don't know).

It got me thinking though. Would it be possible for the dark theme to be implemented based on the time of day? It could work by using same methods sites use to detect your country and based on the time zone enable the dark theme (could be set for like 7pm to 7am or something). Another option, which might be more preferred, is to skip the detection and go by the user's selected time zone from the user cp but this would require the person to be logged in.

What do you think, Liam? Do you this think would be a great addition? Truth be told, it's what I thought was done at first, because during the day I saw the light theme and in the night it was the dark theme.

Liam Dawe commented on 18 July 2019 at 8:27 am UTC

I'm not going to be adding any time-based stuff no, that's up to the user to sort out on their own PC.

CandricS commented on 18 July 2019 at 2:49 pm UTC

Okay. Fair enough

You need to Register and Login to comment, submit articles and more.


Or login with...

Livestreams & Videos
Community Livestreams
See more!
Popular this week
View by Category
Contact
Latest Comments
Latest Forum Posts