Pretty sure dark mode is much easier on the eyes at night at least.
Pretty sure dark mode is much easier on the eyes at night at least.
This is very subjective. I personally find it much more difficult to focus on dark screens and they tire my eyes more. I'd rather turn the brightness down on a light theme than need to have it cranked up to full on a dark theme.
Dark themes make me dizzy and tired, be it either day or night, and I believe it's because I have high degree of astigmatism and myopia in both eyes.
Seriously, why should web sites have to care about this? Your OS and browser know better what you display how and can match web page display to browser chrome and system UI.
It doesn't work without extensions like DarkReader etc if you don't provide the theme/CSS as the website. I uninstalled DarkReader because it just guesses how to map things over and some websites became unreadable or in subtle ways things don't display properly.
Maybe I will use whatever is suggested here but you really shouldn't have to for a site as big as HN.
(I realize that HN does have color CSS rules, but this complaint comes up all the time even with web sites that don‘t specify colors)
But we do get the "prefers-color-scheme"[0] and "color-scheme"[1] CSS media features, they make it easy for everyone, the visitor can just change the OS/Browser theme and the browser tells the website about what color the visitor prefers. It's up to the developer to ignore/accept their preference.
This is an accessibility thing, many hates dark theme, and some cannot look at a bright screen for long, all sites should provide either a way to change the theme or use these CSS features.
[0] https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pref...
[1] https://developer.mozilla.org/en-US/docs/Web/CSS/color-schem...
1. dumping work on the web author.
2. no, it doesn‘t tell what color. It simply says dark or light. Who knows which color fits into the rest of the system? The web author certainly cannot know that.
This situation is created by the web developers, doing whatever they can and however they can because even the existing standards are not really enforced, they don't even care about schematics and just use a framework that generates nested `<div>`. The texts are not readable due to the contrast difference, random styles being injected dynamically via JavaScript, etc.
For 2 - I would say that something is better than nothing. Why not provide a slightly better experience for the minority than providing nothing at all? I don't see the argument here, internet stranger.
If the theme preference needs to align with the entire system theme, feel free to make a proposal in W3C, with enough traction we can make it happen.
> feel free to make a proposal in W3C
Why would I? I have no need for ugly dark themes.
This is false, I had a look, if you are talking about the sites you linked in your Keybase profile, I found that you are using prefers-color-scheme to decide what colors the visitor should see if they have dark mode. This is exactly I'm asking others to implement.
@media(prefers-color-scheme:dark) {
body {
color:#fff;
background:#000
}
a:link {
color:#cdf
}
a:hover,
a:visited:hover {
color:#def
}
a:visited {
color:#dcf
}
}
If you didn't know that you had this, then you might be using a CSS framework without actually understanding what it does.No further comments by me will be added here.
Only while you have a good/perfect eyesight.
It's counterintuitive but black-on-white has less perceived contrast ratio than whatever-on-black. And while you can tone down brightness and contrast of the display device for the 'day' theme, if you do that for the dark theme it just makes the text dull and harder to read.