Ask HN: Dark mode for HN please? (2021)

https://news.ycombinator.com/item?id=25697173

by joeblau • 6 years ago

60 40 6 years ago

news.ycombinator.com

Hey @dang, I read this[1] and I’m still wondering if there is a plan to implement this?

[1] - https://news.ycombinator.com/item?id=23197966

mushufasa• 6 years ago

you can change the colors yourself.

you should have enough karma to see those options?

tomrod• 6 years ago

Working on 11 years with 5k karma here. I can change the top bar only.

MattGaiser• 6 years ago

What options? I can only change the top bar colour.

joeblau2• 6 years ago

I only have ~3500 karma so maybe I'm below the threshold. The only thing I can change is the top bar color.

dunham• 6 years ago

Maybe use a tampermonkey script to inject some css?

I tend to prefer light mode, but I have tweaked the styling to extend the tan background to the entire screen (instead of having white surrounding the main table).

rlyshw3• 6 years ago

Not sure about the OP but I’m often browsing on iOS where this isn’t an option.

acheron2• 6 years ago

On iOS I use the app "HACK" which has a dark option.

vishnumohandas• 6 years ago

DarkReader[1] works pretty well.

[1] https://darkreader.org

acheron2• 6 years ago

Yes, I use this. I had to change the topcolor bar of HN because otherwise it was too bright compared to the rest of the page, but generally it works fine.

newscracker• 6 years ago

This seems like an “Ask dang”, and may be better served by an email to hn@ycombinator.com.

I personally would rather see other usability improvements for touch devices on the size and positioning of the voting buttons and better spacing between the various links to a user’s profile, date and time of submission and others (like hide, past, favorite, discuss, etc.). HN has quite an unsatisfactory UX for touch devices (and arguably even on a mouse pointer interface). I also see these as accessibility issues.

conductr2• 6 years ago

It’s driving me a little nuts last couple months on iPhone 12 pro. The paragraphs frequently stretch wide requiring horizontal scroll. Historically I could double tap to set width/zoom level to child comment width, doing that results in all kinds of weirdness now. I’ve not inspected the CSS but seems like it’s forcing my device to iPad width or something.

stevetodd• 6 years ago

Sounds like the Chrome bug in the latest iOS release. Tap the location bar and then hit cancel to correct the zoom. Hopefully it’s fixed in the next release.

jml7c52• 6 years ago

A brief, related rant:

Why the heck do mobile browsers not implement any sort of full page zoom or viewport resizing? (Perhaps better called "page scaling"; it's what desktop browsers do when you press control-plus/control-minus.)

My choice is either to increase the browser's text scaling and deal with tiny UI elements (e.g., upvote/downvote buttons on HN), or pinch-zoom and pan around. Both are awful.

All the machinery for full-page zoom ("page scaling") is already in the browser! Just let me use it!

reshlo2• 6 years ago

iOS Safari does have this feature, in the top row of settings when you tap the “AA” button in the URL bar. You can tap the larger A on the right to make UI elements larger. HN works well at 125%.

sdan• 6 years ago

Try the Octal app(ios afaik), I love it

You can also change colors by setting some uBlockOrigin filters, forgetting where exactly I got the filters from

dalrympm• 6 years ago

I notice there's an API https://github.com/HackerNews/API but don't see any of the core site code. Is there any way people can contribute back?

enw• 6 years ago

I have to admit it's a shame there's no dark mode.

Browsing HN in the bed at night feels like staring at the sun (yes I use Night Shift and lowest brightness).

rlyshw3• 6 years ago

This is my same exact thought. Although sometimes I think the blinding light might be a good disincentive to stare at my phone in bed.

nickysielicki• 6 years ago

Nobody has suggested it directly, yet, but I want to take this opportunity to remind people that the "Stylish" extension for injecting custom CSS onto your favorite websites has a history of abuse. It's owned by an advertising company that consumes all your browsing data. [1]

You should instead use "Stylus", which has none of those problems. In spite of all of that, Stylus has only 400,000 users according to the Chrome extension store, compared to 2M for Stylish. There's a lot of people out there accidentally using malware.

For example, here is a nice-looking dark mode for HN which can be installed into Stylus. [2] (I can't personally vouch for it, as I don't use it.)

[1] https://robertheaton.com/2018/08/16/stylish-is-back-and-you-...

[2] https://userstyles.org/styles/157400/hacker-news-bluish-gray...

eyelidlessness3• 6 years ago

I’ve done a few good dark mode themes recently and it looks like the reference link was asking for contributions. I’m happy to give it a go and submit probably tomorrow. The only thing I require in return is anyone who’s motivated to see it happen comment telling me to put the phone down and go snuggle my pup for the night so I’m refreshed and ready to take a look in the morning.

reasonabl_human• 6 years ago

Hi go snuggle your pup for the night!

NinoScript• 6 years ago

Please snuggle your pup in the morning too. They deserve it and you know it.

eyelidlessness3• 6 years ago

Oh definitely. We have a whole morning snuggle routine where I tell her different ways each day how I love her before we get out of bed.

sawirricardo• 6 years ago

Temporary alternative https://hn.algolia.com > Click settings > Style -> Experimental

moonchild• 6 years ago

Considering you can't read comments there, I don't know how useful that is.

joeblau2• 6 years ago

My brain is programmed to automatically type `ne <enter>` into my address bar. I'm not trying to check out another website, I just want this one to not blind me when I'm trying to learn from the great community of HNers.

neilpanchal• 6 years ago

No.

"Move slowly and preserve things." - @dang.

Use Dark Reader. Don't mess with HN interface, it shall remain the same.

latchkey• 6 years ago

Refined Hacker News

https://github.com/plibither8/refined-hacker-news

tpkahlon2• 6 years ago

https://addons.mozilla.org/en-CA/firefox/addon/dark-mode-hac...

robjan• 6 years ago

It's better to post the original URL rather than a shortened one. HN can deal with long URLs

tpkahlon2• 6 years ago

Sure, rectified, my apologies!

s_gourichon• 6 years ago

Permissions
This add-on needs to:
Access your data for all websites

In an add-on not the appropriate choice?

Firefox permission model needs improvement?

(CSS has become too powerful, a simple style sheet with external reference can leak information about your browsing.)

0-_-0• 6 years ago

I have a suspicion that the plain interface itself filters the people the site attracts. Better looking interface would lead to a more reddit-like community. Make it uglier I say!

matheuss-leonel• 6 years ago

Agree

eyelidlessness3• 6 years ago

Hey everyone, as promised yesterday, I went and snuggled my pup and got some sleep. Here is a web extension implementing a dark mode stylesheet for HN: https://github.com/eyelidlessness/HNDarkMode

I don't have a developer account for any of the web extension distribution sites/apps, but the source is available and everyone is welcome to use it (or just the CSS file if your browser/setup supports custom CSS).

Ask HN: Dark mode for HN please? (2021)

Related Stories