How to set Qt forum website to dark mode?

Publicnamer

Hi,
I'm being blinded by the bright white background of this forum website. How can I set this forum to conform to dark mode?
I set my browser's preference to dark mode, so websites that support it are automatically dark.

sierdzio

You can use some browser extensions to make it dark. The site itself does not support dark mode.

Publicnamer

@sierdzio said in How to set Qt forum website to dark mode?:

The site itself does not support dark mode.

Why not? It's incredibly easy to implement. It's literally like 10 lines of CSS.

mrjj

@Publicnamer

Because it's not just 10 lines.
You must then have a way to switch themes. and it must be stored as a user setting.
Some text colors are hard to read on black and you will end up having conditional formatting
to fix such issues, all to support something the most browsers can easily do for you using a plugin.

JKSH

@Publicnamer said in How to set Qt forum website to dark mode?:

@sierdzio said in How to set Qt forum website to dark mode?:

The site itself does not support dark mode.

Why not? It's incredibly easy to implement. It's literally like 10 lines of CSS.

You can create a feature request at https://bugreports.qt.io/ (select "Qt Project Website") and post the 10 lines of CSS there, along with some screenshots of your CSS in action.

Publicnamer

@mrjj said in How to set Qt forum website to dark mode?:

You must then have a way to switch themes. and it must be stored as a user setting.

It seems your knowledge is out of date. In modern browsers the color choices are set in the .css file by the website and it requires only 10 lines of CSS.

It is not necessary to add user settings for this and almost no one does. If hypothetically there exist some users who want to change those color choices e.g. purple text instead of amber, they are a small minority. The majority is just happy to not be blinded by a white background any more.

Here is the basic CSS:

:root { color-scheme: dark light; }
@media (prefers-color-scheme: light) {
 body {background-color: #f8f8f8; color:#202080; }
}
@media (prefers-color-scheme: dark) {
 body {background-color: #000000; color:#ffe000; }
}

If you don't believe that this will work, you might try creating a test web page test.html, with that CSS in the <style> section,
and open it in your browser and then switch your browser to dark mode and back. I'm using a rather old browser (FF 78) and it works seamlessly.

Publicnamer

@JKSH said in How to set Qt forum website to dark mode?:

You can create a feature request at https://bugreports.qt.io/

That's odd, my existing account isn't enough to log in and create a bug report?

JKSH

@Publicnamer said in How to set Qt forum website to dark mode?:

@JKSH said in How to set Qt forum website to dark mode?:

You can create a feature request at https://bugreports.qt.io/

That's odd, my existing account isn't enough to log in and create a bug report?

It should be enough -- both the forum and issue tracker use the same Qt Account.

What error(s) do you see when you try to log in?

Publicnamer

@JKSH My bad, it works after all.

JKSH

@Publicnamer said in How to set Qt forum website to dark mode?:

@JKSH My bad, it works after all.

Great. Please post a link to your report; others might be interested in the same functionality.

Publicnamer

@JKSH OK here it is: https://bugreports.qt.io/browse/QTSYSADM-336