Live data from Hacker News

Ask HN: Dark mode for HN please?

news.ycombinator.com

221–230 of 469 posts

Re: Ask HN: Dark mode for HN please?

#221
post #32

Ok, you guys, this isn't the first time we've heard this request ( https://hn.algolia.com/?dateRange=all&page=0&prefix=true&que... ). I'm willing to do it (edit: not to change the default! just to add the option). It's just that any CSS issue that goes more than a quarter-inch deep is outside both my expertise and my interest. We can add CSS to https://news.ycombinator.com/news.css for prefers-color-scheme: dark , bu…

Please, don't just force a dark mode to everyone with "prefers-color-scheme: dark". Some are using OS in light mode, but would still like to use the dark mode. Sometimes, it might be useful to use the light version on dark systems. (e.g. if the dark css is not well made or looks bad on some monitors) Here's a good thread about it: https://twitter.com/SaraSoueidan/status/1245722023361380354

I feel like this should be a browser feature: toggle light / darkmode for a given site. Maybe you dont agree with their interpretation of darkmode...

Re: Ask HN: Dark mode for HN please?

#222
Of all places, this is the one site that doesn't need dark mode. There are hundreds of clients. Dark reader on both chrome and Firefox. Stylish allows you to change the css to your own. This is a site for hackers. Quite literally. So hack it.

Re: Ask HN: Dark mode for HN please?

#223
post #32

Ok, you guys, this isn't the first time we've heard this request ( https://hn.algolia.com/?dateRange=all&page=0&prefix=true&que... ). I'm willing to do it (edit: not to change the default! just to add the option). It's just that any CSS issue that goes more than a quarter-inch deep is outside both my expertise and my interest. We can add CSS to https://news.ycombinator.com/news.css for prefers-color-scheme: dark , bu…

Screenshot: https://imgur.com/a/mxaNky4 Whipped this up real quick... keeps the spirit of HN I think, and is pretty minimal. Not my best CSS but tables/current CSS make some selectors a little tricky and after all, it's less than 1kb added, no markup or stack changes needed, and this is 'Hacker News' right? :D @media (prefers-color-scheme: dark) { body { background-color: #1F2430; } #hnmain { background-color: #23283…

Love this. One addition, consider reducing the brightness on text so it doesn't glare as much.

Re: Ask HN: Dark mode for HN please?

#224

I use some hacked together uBlock Origin filters that do a fairly decent job at giving HN dark mode if you care to take it for a spin: ycombinator.com##html:style(background-color: #3e3e42 !important) ycombinator.com###hnmain:style(background-color: #2E2E31 !important) ycombinator.com##.age:style(color: #ccc !important) ycombinator.com##.c00:style(color: #ccc !important) ycombinator.com##.comhead > a:style(color: #de…

This is great! Thanks.

Re: Ask HN: Dark mode for HN please?

#225
post #32

Ok, you guys, this isn't the first time we've heard this request ( https://hn.algolia.com/?dateRange=all&page=0&prefix=true&que... ). I'm willing to do it (edit: not to change the default! just to add the option). It's just that any CSS issue that goes more than a quarter-inch deep is outside both my expertise and my interest. We can add CSS to https://news.ycombinator.com/news.css for prefers-color-scheme: dark , bu…

Please, for God's sake, don't screw it up. I can keep up with news on this site from a 15 kb/s shared satellite link when I'm out at sea. Except perhaps for the really big threads. I love the simple interface. It's text, it's simple, it's readable, and when I hit the spacebar, it scrolls down a page. No fancy fonts, no javascript, no nothing. I love HN for its simplicity and speed. Thanks for maintaining a good engin…

> actually deploys new reddit design on HN like a boss

Re: Ask HN: Dark mode for HN please?

#226

I use some hacked together uBlock Origin filters that do a fairly decent job at giving HN dark mode if you care to take it for a spin: ycombinator.com##html:style(background-color: #3e3e42 !important) ycombinator.com###hnmain:style(background-color: #2E2E31 !important) ycombinator.com##.age:style(color: #ccc !important) ycombinator.com##.c00:style(color: #ccc !important) ycombinator.com##.comhead > a:style(color: #de…

I've added

    ycombinator.com##a:visited:style(color: #666 !important)
to make visited links look more obvious. Also changed all #ccc above to #bbb to make them a bit darker.

Re: Ask HN: Dark mode for HN please?

#228

Earlier quoted context omitted.

Screenshot: https://imgur.com/a/mxaNky4 Whipped this up real quick... keeps the spirit of HN I think, and is pretty minimal. Not my best CSS but tables/current CSS make some selectors a little tricky and after all, it's less than 1kb added, no markup or stack changes needed, and this is 'Hacker News' right? :D @media (prefers-color-scheme: dark) { body { background-color: #1F2430; } #hnmain { background-color: #23283…

Love this. One addition, consider reducing the brightness on text so it doesn't glare as much.

Please don't. Strong contrast helps readability; grey-on-color is lower contrast than white-on-color.

Most HN threads linking to a site that has light-grey-on-dark-grey or dark-grey-on-light-grey text have at least one (off-topic) complaint about site style. Let's not make HN one of those sites.

Re: Ask HN: Dark mode for HN please?

#229

Earlier quoted context omitted.

Please, don't just force a dark mode to everyone with "prefers-color-scheme: dark". Some are using OS in light mode, but would still like to use the dark mode. Sometimes, it might be useful to use the light version on dark systems. (e.g. if the dark css is not well made or looks bad on some monitors) Here's a good thread about it: https://twitter.com/SaraSoueidan/status/1245722023361380354

I feel like this should be a browser feature: toggle light / darkmode for a given site. Maybe you dont agree with their interpretation of darkmode...

I agree. I think the default behaviour is good. prefers-color-scheme: dark should be the default, but be changeable browser wide (not sure if this is already the case) or per domain - just as it works with webcam access (storing the permission to view webcam for a given domain).
Post reply on HN