Ask HN: Dark Mode for HN?

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

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

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.

A+++ , would buy again, :)

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

You may try this extension: https://chromewebstore.google.com/detail/hacker-news-tools/f...

I made this 5 years ago: https://jgthms.com/hacker-news-dark-mode/

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.

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...

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

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.

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)

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

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)

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.

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...

I made this userscript: https://greasyfork.org/en/scripts/504879-simple-darkmode-for...

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

Dark Reader for Firefox

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...

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

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.

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.