5 ms·

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

60 points by joeblau 6y ago

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 6y ago
you can change the colors yourself. you should have enough karma to see those options?
- tomrod 6y ago
  Working on 11 years with 5k karma here. I can change the top bar only.
- MattGaiser 6y ago
  What options? I can only change the top bar colour.
- joeblau 6y 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 6y 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).
- rlyshw 6y ago
  Not sure about the OP but I’m often browsing on iOS where this isn’t an option.
  - acheron 6y ago
    On iOS I use the app "HACK" which has a dark option.
    - rlyshw 6y ago
      I don’t like having “one-off” apps on my phone for something that safari is more than capable of handling. I prefer to use the web versions of Twitter, FB, and Reddit since they all work fine as just standard modern web apps right in the native browser. (Although I’m rarely on Reddit anymore due to the app-first nag campaign...)
vishnumohandas 6y ago
DarkReader[1] works pretty well. [1]: https://darkreader.org https://darkreader.org
- acheron 6y 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 6y 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.
- conductr 6y 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 6y 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.
    - conductr 6y ago
      That does fix it. Thanks. I had been doing full refresh and didn’t realize that would work. I played with it a bit more. Seems to be portrait to landscape and back to portrait issue. As in, stays landscape one in landscape
- jml7c5 6y 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!
sdan 6y 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 6y ago
I notice there's an API https://github.com/HackerNews/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 6y 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).
- UShouldBWorking 6y ago
  You are on a computer, you can make it look like anything you want.
- rlyshw 6y 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 6y 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-still-shouldnt-use-it/ https://robertheaton.com/2018/08/16/stylish-is-back-and-you-... [2]: https://userstyles.org/styles/157400/hacker-news-bluish-gray-2020 https://userstyles.org/styles/157400/hacker-news-bluish-gray...
eyelidlessness 6y 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 6y ago
  Hi go snuggle your pup for the night!
- NinoScript 6y ago
  Please snuggle your pup in the morning too. They deserve it and you know it.
  - eyelidlessness 6y 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 6y ago
Temporary alternative https://hn.algolia.com https://hn.algolia.com > Click settings > Style -> Experimental
- moonchild 6y ago
  Considering you can't read comments there, I don't know how useful that is.
- joeblau 6y 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 6y ago
No. "Move slowly and preserve things." - @dang. Use Dark Reader. Don't mess with HN interface, it shall remain the same.
latchkey 6y ago
Refined Hacker News https://github.com/plibither8/refined-hacker-news https://github.com/plibither8/refined-hacker-news
tpkahlon 6y ago
https://addons.mozilla.org/en-CA/firefox/addon/dark-mode-hackernews/ https://addons.mozilla.org/en-CA/firefox/addon/dark-mode-hac...
- robjan 6y ago
  It's better to post the original URL rather than a shortened one. HN can deal with long URLs
  - tpkahlon 6y ago
    Sure, rectified, my apologies!
- s_gourichon 6y 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.)
UShouldBWorking 6y ago
You are on a computer, change it yourself. Why in gods name would you need this?
0-_-0 6y 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 6y ago
  Agree
eyelidlessness 6y 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 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).

60 points by joeblau 6y ago

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 6y ago

you can change the colors yourself. you should have enough karma to see those options?

tomrod 6y ago
Working on 11 years with 5k karma here. I can change the top bar only.
MattGaiser 6y ago
What options? I can only change the top bar colour.
joeblau 6y 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 6y 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).

rlyshw 6y ago
Not sure about the OP but I’m often browsing on iOS where this isn’t an option.
- acheron 6y ago
  On iOS I use the app "HACK" which has a dark option.
  - rlyshw 6y ago
    I don’t like having “one-off” apps on my phone for something that safari is more than capable of handling. I prefer to use the web versions of Twitter, FB, and Reddit since they all work fine as just standard modern web apps right in the native browser. (Although I’m rarely on Reddit anymore due to the app-first nag campaign...)

vishnumohandas 6y ago

DarkReader[1] works pretty well. [1]: https://darkreader.org https://darkreader.org

acheron 6y 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 6y 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.

conductr 6y 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 6y 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.
  - conductr 6y ago
    That does fix it. Thanks. I had been doing full refresh and didn’t realize that would work. I played with it a bit more. Seems to be portrait to landscape and back to portrait issue. As in, stays landscape one in landscape
jml7c5 6y 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!

sdan 6y 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 6y ago

I notice there's an API https://github.com/HackerNews/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 6y 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).

UShouldBWorking 6y ago
You are on a computer, you can make it look like anything you want.
rlyshw 6y 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 6y 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-still-shouldnt-use-it/ https://robertheaton.com/2018/08/16/stylish-is-back-and-you-... [2]: https://userstyles.org/styles/157400/hacker-news-bluish-gray-2020 https://userstyles.org/styles/157400/hacker-news-bluish-gray...

eyelidlessness 6y 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 6y ago
Hi go snuggle your pup for the night!
NinoScript 6y ago
Please snuggle your pup in the morning too. They deserve it and you know it.
- eyelidlessness 6y 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 6y ago

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

moonchild 6y ago
Considering you can't read comments there, I don't know how useful that is.
joeblau 6y 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 6y ago

No. "Move slowly and preserve things." - @dang. Use Dark Reader. Don't mess with HN interface, it shall remain the same.

latchkey 6y ago

Refined Hacker News https://github.com/plibither8/refined-hacker-news https://github.com/plibither8/refined-hacker-news

tpkahlon 6y ago

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

robjan 6y ago
It's better to post the original URL rather than a shortened one. HN can deal with long URLs
- tpkahlon 6y ago
  Sure, rectified, my apologies!
s_gourichon 6y 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.)

UShouldBWorking 6y ago

You are on a computer, change it yourself. Why in gods name would you need this?

0-_-0 6y 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 6y ago
Agree

eyelidlessness 6y 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 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).