Live data from Hacker News

Ask HN: Dark mode for HN please?

news.ycombinator.com

361–370 of 469 posts

Re: Ask HN: Dark mode for HN please?

#361
post #328

> when I’m browsing HN at night on my phone If you’re on iOS, get the MiniHack app. I’ve been using it for I-don’t-know-how-many-years and it has a dark mode. It allows me to sign on and comment, thread collapsing etc, so it’s absolutely equivalent to browsers. It’s my daily driver as far as HN is concerned. (This comment was posted with minihack in dark mode, btw.)

2.29 EUR

The amount is insignificant, but I’m still not feeling like buying something just to change the theme.

Re: Ask HN: Dark mode for HN please?

#362
post #8

> HN should be dark mode by default A less controversial solution would be to simply hook into the user's system-level light/dark setting: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pref... That said, I've wanted this feature desperately for a long time. Browsing HN on my desktop monitor in the evening is blinding and gives me a headache. I find myself resizing the window to be phone-sized just so my eye…

I have to say - if your monitor is blinding you, you have it set to too high a brightness. You're doing yourself a disservice by not turning it down. It should only throw out as much light as a piece of pristine printer paper in the same orientation. In the middle of the day my monitor tops out at about 30 of 100, and in the evenings I will occasionally turn it down to about 5 or 10. Many modern monitors will offer a…

Alas, these days webpages at half-brightness are often unreadable because of washed-out main text.

Re: Ask HN: Dark mode for HN please?

#363

Earlier quoted context omitted.

I tried various of dark mode plugins in Firefox and none of them seem to be able to do their job without obvious shortcomings. For example most of them don't check the original color of the website and just invert colors of dark pages as well. Or in some cases it doesn't invert all text colors, making hyperlinks hard to read. None of the extensions I've tested can match the dead simple CSS override I used in qutebrow…

Have you tried Dark Reader, I'm pretty happy with it: https://addons.mozilla.org/en-US/android/addon/darkreader/

It's also supported by current Firefox Preview on Android. Works well.

Re: Ask HN: Dark mode for HN please?

#364
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 consider 2 different dark modes:

a "normal" dark mode and one for oled screens which has the background straight black

Re: Ask HN: Dark mode for HN please?

#366
post #53

Earlier quoted context omitted.

Right now, the profile has a single property "topcolor" where you can slightly customize HN. It seems that this could easily be extended with a few more similar properties, suitable values of which could produce a darkmode.

I'd love to do that just by offering people a CSS blob that we could inject into their CSS when they browse HN. Our original idea (actually kogir's idea from back in 2014—he's a forward-thinking guy) was that people could create skins this way, if that Winamp-era term isn't too obsolete by now, and share them. However, someone who is plugged into Reddit told me that they used to allow user-defined CSS for customizing…

I previously customized HN a bit via my own CSS additions, with the Stylus browser extension. Personally I think that's a more feasible route for personalization than an interface for that on the site itself. However, there's a problem that HN's HTML layout doesn't lend itself to CSS work: you end up describing elements in terms of ‘a div two items down from the one embedded in that thing’, instead of just using classes. Sprinkling around some classes might be something to look at, for providing users the ability for customization. This should be pretty safe. I'd also say that the structure could be more semantic—but that may break browser extensions and similar existing customization.

P.S. I hurried to this thread because I noticed that the ‘collapse comment’ links became larger on my phone and I can finally hit them on the first try. Thanks to whoever did that, sincerely! Though personally I'd encourage you/them to make the link three times wider still, to take away even more effort. Dunno if it's much visual noise to others, but at least I don't think it encroaches on other elements.

Btw, another hopefully-not-controversial change that I would make is to have the post text black, not gray. It's a pretty important element, isn't it? So it should have high contrast and be readable.

Re: Ask HN: Dark mode for HN please?

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

Don't go the way of CSS filters. I tried some of the CSS people here pasted that used it and it is slow. When I scroll fast Firefox can't keep up and I see white background for a second or two before it renders.

Re: Ask HN: Dark mode for HN please?

#369
I agree with many of the other similar comments, having dark-mode supported by default would be good BUT we don't need it. It's already well supported by several styling extensions. I use 'Stylish' on Firefox and it works well not just on HN but quite a few sites.

https://userstyles.org/styles/22794/a-dark-hacker-news

Here's what my HN looks like - https://imgur.com/a/UM5qXtD

Re: Ask HN: Dark mode for HN please?

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

Website with no images? Easy, this is all thats needed:

    @media (prefers-color-scheme:dark) {
      html{
        filter: invert(1) hue-rotate(.5turn);
      }
    }
Its works so well because it keeps the balance of contrast between elements.
Post reply on HN