HACKER Q&A
📣 todotask2

Dark Mode for HN?


Can we have a dark mode for HackerNews?


  👤 UltraMagnus Accepted Answer ✓
There is also https://hackerweb.app/

It has the extra benefit of only showing 60 latest HN items in 2 pages of 30, which helps me not spend too much time on HN going down interesting rabbit holes.


👤 liquid_thyme
A+++ , would buy again, :)

👤 minimaxir
A year ago, dang said the team would prefer a more robust theming solution: https://news.ycombinator.com/item?id=41105536

👤 rfarley04
I know it's likely not what you're looking for, but I "turned on" Dark Mode HN after reading this post: https://news.ycombinator.com/item?id=45111854

👤 onelesd
i forget where i found this in an HN comment, but you can use this in uBlock Origin under Filters:

  news.ycombinator.com##body:style(background: black)
  news.ycombinator.com##td:style(color: #fafafa !important)
  news.ycombinator.com##table:style(background-color: #120F0D)
  news.ycombinator.com##div.toptext:style(color: #fafafa)
  news.ycombinator.com##div.c00:style(color: #fafafa !important)
  news.ycombinator.com##a:style(color: #ffa000 !important)
  news.ycombinator.com##span#karma:style(color: #faa000 !important)
  news.ycombinator.com##span.pagetop:style(color: #fafafa !important)
  news.ycombinator.com##textarea:style(color: #fafafa !important; background: inherit; )
  news.ycombinator.com###hnmain:style(background: #120F0D !important)

👤 dredmorbius
Linked from my HN profile page is the style I use (via the Stylus browser extension):

Dred's HN CSS Madhackery -- Dark Mode: <https://pastebin.com/6PF3dCXH>

You'll also find there my standard "light mode" styling which is how I typically browse the site.


👤 xnx
Dark mode is great, but better to leave the site with low or no style and to apply personal styling preference in the browser via Dark Reader or Stylus extension.

👤 gausswho
I currently use:

On the laptop: Modern HN (https://www.modernhn.com) for Firefox. Not fond of the phoning home to firebase and extensionpay.

On the GrapheneOS Pixel: Harmonic (https://github.com/SimonHalvdansson/Harmonic-HN)


👤 sirshmooey
I use the Stylus Chrome extension with CSS:

html {background: #000;} body {filter: invert(.95) hue-rotate(12deg);}

https://chromewebstore.google.com/detail/stylus/clngdbkpkpee...


👤 MitPitt
Stylus extension with Catpuccin theme for HN. Stylus has a bunch of other themes available too. For other websites too. IDK if I trust the proxy websites people are posting in other comments. And they're not comfortable to use with RSS feeds.

👤 mpicker0
I use this extension for Stylus on Firefox: https://github.com/pyxelr/hacker-news-bluish-gray


👤 bbx

👤 asdff
You already do on a mac at least. ctrl-option-command-8.

👤 squigz
All you need is https://darkreader.org/

👤 clairegraham
The Noir app for iOS is what I use and it works well for HN.

https://apps.apple.com/us/app/noir-dark-mode-for-safari/id15...


👤 todotask2
This time, iOS 26 adds the ability to create a shortcut to the Home Screen as a web app, which definitely needs a dark mode. It appears that none of the extensions are loaded

👤 Martin_Silenus
Given CSS rules, it would be simple using CSS light-dark() + variables instead of raw colors.

I'm using Dark Reader since a long time now, but more and more often disabling it for some sites supporting HTML relatively recent additions.

Well supported by all mainstream browsers:

https://developer.mozilla.org/en-US/docs/Web/CSS/color_value...


👤 pluc
Dark Reader for Firefox


👤 jethronethro
Based on YC's reaction to the many, many other request like this I'm going to say No. The DIY options in responses are the best you're going to get.

👤 uKVZe85V
Been there, done that. Then dropped dark mode entirely. Strong filtering of blue light (use redshift or whatever your OS provides) beats dark theme IMHO, without the downsides.

👤 xnx
Wild that Netscape Navigator 1.1 (1995) had the ability to pick background colors for web pages.