Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Ask HN: Dark mode for HN please?

news.ycombinator.com

Post reply on HN
Print view View original

341–350 of 469 posts

Re: Ask HN: Dark mode for HN please?

#341

Post by deadbunny »

dharmab wrote: post #171
djjsjdjsjsjs wrote: post #154

Earlier quoted context omitted.

Please explain as I am curious

Adding dark mode CSS adds a few hundred bytes, maybe a couple kb at most to the site. A separate subdomain: - Requires separate TLS certificates to be maintained. - Doesn't play nice with caching. - Doesn't play nice with password managers. - Doesn't work with any existing links. Users would have to manually add the `dark` prefix. - Is generally a bad user experience.

While I agree with most of your points, I disagree with

> Doesn't play nice with password managers.

Check your password manager settings. Most have options to match on domain, subdomain, port or have the ability to set equivalent domains either globally or per credential.

Re: Ask HN: Dark mode for HN please?

#342

Post by lucb1e »

monokai_nl wrote: post #297

I took a shot at it: https://monokai.nl/lab/hacker-news/hn-dark1.png https://monokai.nl/lab/hacker-news/hn-dark2.png https://monokai.nl/lab/hacker-news/hn-dark3.png The principles I followed: - Alligator energy. No need to redo the layout or apply the latest design trends. HN is fine as is. - Respect the original design. The dark version uses the same color hierarchy as the elements in the original design. - No-nonse…

I love the top bar, this is fantastic. Saw the domain, then your username, then the bio: "Author of the original Monokai color scheme". I didn't know there was a person behind it, I thought it was just a name! Sounds like you should definitely be on the Hacker News Color Advisory Committee to make this work well for everyone given your experience in designing dark modes.

Re: Ask HN: Dark mode for HN please?

#343

Post by lucb1e »

clan wrote: post #284

Whilst touching the CSS. Could it be considered to fix the code overflow on mobile? It is the effect of having a line which is longer than the viewport - so we end up having to scroll that specific line. Some might say it is better not to wrap code but I more often see this as part of a quote. I you really do not like to wrap the lines then I would prefer a scrollbar on the whole section. (I hope this line demos the…

Not sure it's feature creep to just make long lines friggin' readable. We can't seem to teach people not to use code blocks for quoting text, so either we need to "feature creep" a quote feature or we just fix this thing.

Re: Ask HN: Dark mode for HN please?

#344

Post by setzer22 »

kristopolous wrote: post #315
dgl wrote: post #305

Earlier quoted context omitted.

Sadly few browsers support extensions on mobile, which is possibly where dark mode is most useful.

chromium for android is open source ... that's where the solution should be and if you're really passionate about it, go do it. It shouldn't be the responsibility of every individual website to independently implement the feature. Could you imagine if we entrusted every website to independently implement scroll bars and zoom? What a mess that'd be.

While I partially agree with you (that's why I upvoted) in that it's a waste of everyone's time having every website developer worry about dark mode I still think scrollbars and zoom are fundamentally different from a dark mode in that the latter cannot be detached from aesthetics.

The color pallete of a page is important, and maintaining a consistent look and feel across normal and dark mode can only be done reliably by each website's designer.

So I guess we need both the ability to have the browser auto-calculate a default dark mode, and a way for aestetically-conscious web designers to override it, and that's what we're moving towards.

Re: Ask HN: Dark mode for HN please?

#345

Post by lucb1e »

falcolas wrote: post #61

I wouldn't vote against the existence of a dark mode - why not make it an option - but I strongly vote against making it default. If your monitor is throwing out so much light that you're getting eye strain, you need to turn down the brightness of your monitor or phone screen. For myself, most of the time my monitors are set to a maximum of around 30 on a scale of 100, and I don't get any eyestrain. Dark mode with a…

Changing the monitor twice a day is quite a pain. Perhaps you're thinking of laptops and phones where this isn't a big deal, but external screens' brightness can't be controlled that way. And I'm not sure I'd want my main driver to adjust: at brightness levels where I can read HN without feeling like a vampire, I wouldn't be able to read some of the lower contrast syntax-highlit text in my terminal anymore.

Re: Ask HN: Dark mode for HN please?

#346

Post by cylinder »

deleerium wrote: post #100
dang wrote: 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…

wow, I usually hate dark modes but I like this better than the current HN!

Re: Ask HN: Dark mode for HN please?

#347

Post by lucb1e »

holler wrote: post #133

> I don't want my eyes to burn when I'm browsing HN at night on my phone. I've looked at HN and many other sites on my phone at night for a very long time, and never once do my eyes burn. Why is this the expectation? Use Flux or a similar light dimmer on your phone/laptop, problem solved.

So like: open display menu -> push some crappy buttons to get to the brightness control -> enter brightness control -> dim brightness -> exit exit -> alt+tab -> use site -> alt+tab back to a dark application -> up screen brightness using the same process -> repeat? Most things I use are set to dark except HN and MDN; dark works day and night (perhaps not in bright sunlight, but I don't code on a beach).

Which is not to say that I'm suggesting we need to have only dark mode, or dark mode by default, or any such thing that you might not be happy with. I'm glad you don't experience the blast of lumens at night, but it seems you're the lucky minority so I'd be happy with an option to set a dark mode.

Re: Ask HN: Dark mode for HN please?

#349

Post by mrep »

vnorilo wrote: post #318
dhosek wrote: post #174

I don't get the appeal of dark mode. Do people really like to pretend that they're on a submarine or something?

"Nothing" on an additive medium, the screen, is black. With absorptive color (paper) it is white. I just find everything to look better if you stick to this. I find light mode apps and sites uncomfortable and ugly, much like a white-on-black print book. That said, I've heard from many people that they struggle to read light-on-dark. So it's best to have both options, especially for a site like HN where it doesn't req…

This. Also, when in a dark room like if you are laying in bed, don't you want less light coming out of your phone and it not to be like shining a flashlight in your eyes. Dark mode helps there especially if you have an OLED screen so that the text is the only light coming out.

Re: Ask HN: Dark mode for HN please?

#350

Post by lucb1e »

ranza wrote: post #286

Here is the css that i use with Springles [1] https://gist.github.com/kirkegaard/0d7e96bf0ebbce5ddad98e59f... This is what it looks like: https://imgur.com/a/KsLnoC4 [1] https://getsprinkles.app

+ I like the visual indentation, would be nice if whatever design we pick could include that

- The upvote button is huge and a little obnoxious, and the downvote button is missing in comments

Post reply on HN