Live data from Hacker News

Ask HN: Dark mode for HN please?

news.ycombinator.com

271–280 of 469 posts

Re: Ask HN: Dark mode for HN please?

#272
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

This should be a browser option, not a website option.

If your browser tells the website you want a dark version, you’re getting a dark version. Seems right, doesn’t it?

Re: Ask HN: Dark mode for HN please?

#273

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 get it, but at the end of the day it's up to a site owner, surely? Much like we get to choose our site design, we also get to choose whether it's dark or light. It has always been this way. The CSS property is a good indicator that you prefer a dark color scheme. In my case by turning this on I want an all dark UI on everything I use - all the time. Do we really need to force toggles on every website we build now f…

I agree. Browser-builders should provide a way to configure the wants-dark-mode css query.

Re: Ask HN: Dark mode for HN please?

#274
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…

I've been using a "Hacker News Dark" userstyle [1] with Stylus for years, it's only ~30 lines of CSS with a permissive license (CC0). I'd love to see something like it integrated into HN itself.

It'd also be nice to have a way to enable the dark theme without logging in, alongside a persistent setting for logged-in users. A link in the header/footer to set a cookie is probably the simplest way to accomplish that.

[1]: https://userstyles.org/styles/113994/hacker-news-dark

Re: Ask HN: Dark mode for HN please?

#275
My attempt:

td { background-color: inherit; }

.c00 { color: #D2D2D2 !important; }

a { color: #4C709B !important; }

textarea { color: #D2D2D2 !important; background-color: #181818; }

input { color: #D2D2D2 !important; background-color: #181818; }

table { background-color: #1C1C1C; }

Re: Ask HN: Dark mode for HN please?

#278
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…

Thanks for this. This is the best dark mode skin i found yet.

Can I create stylus theme out of this share it?

Re: Ask HN: Dark mode for HN please?

#280

Earlier quoted context omitted.

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.

There's plenty of space between #000 on #fff to provide an on style with high contrast.

https://contrastrebellion.com/

Post reply on HN