x/website: add dark (night) theme

[vitaly-zdanevich]

Please read https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

I can do it if you approve me.

[agnivade]

@andybons

[andybons]

This is a substantial amount of work. In design, implementation, and testing. We would not want to force dark mode users to only see the dark mode version, so we’d want a toggle.

@vitaly-zdanevich when you say you can do it, which parts are you planning to do?

[vitaly-zdanevich]

@andybons it looks like not difficult task for me, and I believe that this is important accessibility feature. I hope that I can do all parts of it. So, if you approve it, and you think that we need explicit toggle also - maybe we can start with this toggle design. What is the appropriate position? At the bottom of every page? At the top? In some preferences screen?

[vitaly-zdanevich]

In "Material" style, with label Dark theme at the left? Maybe not blue but gray.

Or maybe as a link, where text will be Dark mode off and Dark mode on:

[jayschwa]

We would not want to force dark mode users to only see the dark mode version, so we’d want a toggle.

If the user doesn't want to see dark mode, they can change the setting in their user agent or operating system. Adding a toggle on the website seems redundant.

[andybons]

@jayschwa I disagree. It’s not clear what user expectations are across the web with regard to this.

[vitaly-zdanevich]

White theme is default on macOS and Firefox - if user manually changed it to dark - maybe he will not like to see that most of websites still white.

Screenshot from Firefox under Ubuntu:

[vitaly-zdanevich]

Also Chromium from 73 became dark automatically if user switch dark mode inside operating system.

[andybons]

Dark mode, as a feature on the web, is very new. As I said above, we don’t have a thorough understanding of user expectations yet. I don’t think we can entertain this without a toggle.

[vitaly-zdanevich]

Ok, so - I do not know your rules how you make decisions. We need to wait for other members to vote? For me this is not important - with or without toggle, I can implement both variants.

[ALTree]

Before deciding about the toggle, shouldn't we decide whether we want a dark mode at all?

I've read https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme, but nothing there says every website must have a dark mode. So why it's a given that we want one?