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

211–220 of 469 posts

Re: Ask HN: Dark mode for HN please?

#211

Post by pwdisswordfish2 »

jimmyswimmy wrote: post #56
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…

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…

"No fancy fonts, no javascript, no nothing."

Truthfully, there is some Javascript. For example, onclick(). Voting without Javascript requires some extra effort.

Re: Ask HN: Dark mode for HN please?

#212

Post by DenseComet »

pjscott wrote: post #132
ochoseis wrote: post #109

Earlier quoted context omitted.

For the sake of simplicity, could we just serve up a subdomain darknews.ycombinator.com, same content, just different stylesheet?

When you click on a link to the news.ycombinator.com domain, what should happen if you prefer dark mode? And vice versa? In comparison, the pure-CSS ideas that some people are posting would work automatically if your browser supports dark mode, and would enlarge the (cached with long ttl) CSS file only very slightly.

Unfortunately, there are some of us who also like the solarized type light mode in HN more than dark mode, but we use dark mode at the system level because the OS light mode is awful.

Pure CSS would be quite cool, but we'd probably also need a snippet of JS to add a button allowing to switch between light and dark mode. (There's probably a way to do it without JS that someone will hopefully comment too.)

Re: Ask HN: Dark mode for HN please?

#213

Post by xingyzt »

saagarjha wrote: post #179
xingyzt wrote: post #108

Earlier quoted context omitted.

@media (prefers-color-scheme:dark){body{filter:invert(1) hue-rotate(180deg)}} One-liner inverts the brightness and preserves the orange.

Unfortunately the colors are a bit too bright for the dark page.

append brightness(.9) to the end of the filter

Re: Ask HN: Dark mode for HN please?

#214

Post by synaesthesisx »

Surprised it hasn’t been mentioned yet, but I often use this reader: http://hn.premii.com/

Screenshot: https://imgur.com/a/TrQZwoK

It can be fully customized to whatever theme/color you prefer. I find it especially pleasant to use on my tablet - it lives on my home screen as a shortcut.

Re: Ask HN: Dark mode for HN please?

#215

Post by tlb »

Normal_gaussian wrote: post #169
fermienrico wrote: post #91

Earlier quoted context omitted.

Can we have a review before we merge the change? Make sure all issues are ironed out. HN design is simply the best thing out there. "Moving slowly and preserving things" - I would get this engraved on my grave. This philosophy has died unfortunately and with it went robustness, simplicity, elegance, poise, beauty, accessibility, elegance, maintainability and practicality. Thanks dang for your gandalf-like wisdom and…

We can have what would undoubtedly be one of the world's largest code reviews, and for a vanishingly small piece of relatively mundane code. Please dang!

The mother of all bike sheddings. A whole subcommittee to decide if the Braille version should have indents instead of bumps.

Re: Ask HN: Dark mode for HN please?

#216

Post by gardaani »

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…

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

Re: Ask HN: Dark mode for HN please?

#217

Post by gnicholas »

saagarjha wrote: post #180
gkoberger wrote: post #76

Earlier quoted context omitted.

I don't think it's a good idea for HN to add this (a lot of work and potential downsides, for minimal returns), however you can do it using this extension! https://chrome.google.com/webstore/detail/witchcraft-jscss-i... I use it for a bunch of minor HN mods already, and it's great :)

Extensions do not really work on mobile, unless you go out of your way to find something that supports them.

This is true for Chrome/Safari, which are the most popular mobile browsers. But Kiwi can run some/many Chrome extensions, and Brave has this on the roadmap for 2020.

Re: Ask HN: Dark mode for HN please?

#218

Post by jhatax »

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…

Firefox for iOS has an “Enable Night Mode” that does a great job with HN in dark mode. Maybe you can start with the Firefox iOS Night Mode CSS and minify from there...

Re: Ask HN: Dark mode for HN please?

#219

Post by mercer »

On my phone I find the regular site difficult to use anyways, so I go with hn.premii.com, which has a dark theme.

For those who don't mind using a bookmarklet or using something like TamperMonkey, this bit of js does a pretty good job darkening most sites:

!function(d){d.head.appendChild(d.createElement('style')).innerText='html,img,video{-webkit-filter:invert(1)hue-rotate(180deg);filter:invert(.9)hue-rotate(180deg)}body{background:#000}'}(document);

Re: Ask HN: Dark mode for HN please?

#220

Post by giancarlostoro »

dang wrote: post #69
jimmyswimmy wrote: post #56

Earlier quoted context omitted.

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…

I'm on board with ceasing and desisting from screwing it up.

An alternative is to "opt-in" sort of how you can change the top bar color with enough Karma. Maybe that CSS is not loaded for people who dont have that same Karma? I assume people asking for the feature post often enough.

Edit:

To clarify what I mean is maybe toggling which style sheet HN gives you in settings would be ideal for all. Web standards are nice but they dont help in the minimalist ideals of HN too much.

Post reply on HN