We can add CSS to https://news.ycombinator.com/news.css for prefers-color-scheme: dark, but that leaves open the question of specifically what css to put in there. Anyone who wants to make a suggestion is welcome to
Obviously the text from `user_profile.custom_css`. Users then will test and share their CSS in a (past)-able threads. We don’t even need prefer-*, just make a user css textbox and cat it after hn.css.
I am also using DarkReader and don't have this problem on HN (but have on others). Using Windows so there is a night light setting you can enable to help and there is also the brightness settings of course on your monitor
I added some lines to my uBO custom filters and fixed this, thanks to some comment in a prior discussion about this.
I do wonder why light mode is the default though, since historically computers had bright characters on black screens, and this is supposed to be "hacker news". It wasn't until the 90s when white backgrounds became normalized. Even though many users may not be old enough to remember the days of using MS-DOS, "dark mode" is generally quite popular among techies. I really wonder what a poll would show here.
I fiddled for a while with DarkReader but found Stylus to be more complete, although one has to spend some time to find or build their preferred dark theme. Also beware that, for reasons I don't understand, activating a theme doesn't deactivate the previous one unless that is explicitly done, which can lead to misleading results.
I use Georgify through Stylus with some minor tweaks, been so long and so good, I've forgotten what HN actually looks like without it - https://uso.kkx.one/style/71155
A true hacker would be reading Hacker News in Emacs on a monochrome 80 column CRT monitor. A true hacker cares only for the purity of information, not the vulgar pains and pleasures of the flesh. This is your punishment for debasing yourself with normie technology.
I sometimes read hacker news with Emacs eww. An easy way to get dark mode.
In Emacs-eww, the nested replies are rendered flat, not indented, but you can set up a search on the "parent" hyperlinks. then search forward to move down the comment tree, or click the hyperlink to jump backup the tree.
When viewing in a modern browser a bit of javascript can make HN dark.
(function hackerNewsDarkMode() {
let bg = '#35352B';
let fg = '#EEEED1';
let tables = document.getElementsByTagName('table');
for (let i=0; i<tables.length; i += 1) {
tables[i].style.backgroundColor = bg;
tables[i].style.color = fg;
}
let codes = document.getElementsByTagName('code');
for (let i=0; i<codes.length; i += 1) {
codes[i].style.backgroundColor = '#300000';
codes[i].style.color = '#FF0000';
}
let spans = document.getElementsByTagName('span');
for (let i=0; i<spans.length; i += 1) {
spans[i].style.backgroundColor = bg;
spans[i].style.color = fg;
}
let a = document.getElementsByTagName('a');
for (let i=0; i<a.length; i += 1) {
a[i].style.backgroundColor = bg;
a[i].style.color = '#66CDAA';
}
let divs = document.getElementsByTagName('div');
for (let i=0; i<divs.length; i += 1) {
divs[i].style.backgroundColor = bg;
divs[i].style.color = fg;
// divs[i].style.color = '#FFC0CB';
}
let textAreas = document.getElementsByTagName('textarea');
for (let i=0; i<textAreas.length; i += 1) {
textAreas[i].style.backgroundColor = "#000000";
textAreas[i].style.color = fg;
}
// new case. comments now in a <div> with class commtext
let comments = document.getElementsByClassName('commtext');
for (let i=0; i<comments.length; i += 1) {
comments[i].style.backgroundColor = bg;
comments[i].style.color = fg;
}
document.body.style.backgroundColor = '#000000';
document.body.style.color = '#FFFFFF';
}());
24 comments
[ 4.1 ms ] story [ 64.8 ms ] threadhttps://news.ycombinator.com/item?id=23197966
Obviously the text from `user_profile.custom_css`. Users then will test and share their CSS in a (past)-able threads. We don’t even need prefer-*, just make a user css textbox and cat it after hn.css.
> whenever I’m scrolling HN before bed I feel like I’m pointing a flashlight at my face
Maybe don't scroll through HN before bed? You might sleep better :-)
I do wonder why light mode is the default though, since historically computers had bright characters on black screens, and this is supposed to be "hacker news". It wasn't until the 90s when white backgrounds became normalized. Even though many users may not be old enough to remember the days of using MS-DOS, "dark mode" is generally quite popular among techies. I really wonder what a poll would show here.
https://addons.mozilla.org/en-US/firefox/addon/styl-us/
Pie Jesu Domine, Dona eis requiem.
In Emacs-eww, the nested replies are rendered flat, not indented, but you can set up a search on the "parent" hyperlinks. then search forward to move down the comment tree, or click the hyperlink to jump backup the tree.
When viewing in a modern browser a bit of javascript can make HN dark.