Ask HN: Dark Mode for HN?

24 todotask2 28 9/18/2025, 5:47:29 PM
Can we have a dark mode for HackerNews?

Comments (28)

onelesd · 21m ago
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)
bwoah · 16m ago
dredmorbius · 17m ago
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 · 28m ago
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.
Gualdrapo · 2m ago
Some sites (and something I did while refactoring my portfolio) is levarage that to CSS. You can set is as to read the light/dark mode setting from the OS and provide a "toggle" to let the user choose between light and dark. This doesn't even need JS, just a couple hidden `<input type="radio">`s and some bits of CSS.

Although as I've said in another comment, things like this, "go to the top" buttons, cookie banners and the like should be task of the web browser, not of the website.

wakawaka28 · 21m ago
It would be extremely simple to add dark mode. We're talking about CSS changes here. Instead of having to rely on random extensions being installed everywhere you browse, it could just do what you want from your preferences.
xnx · 6m ago
True, but Dark Reader and Stylus are great extensions that can improve any site.

Being self sufficient is a superpower that should be encouraged on the web. Change colors, fix formatting, remove ads! Power to the user!

frizlab · 5m ago
In that case give me the JSON data, I’ll do the rest.
gausswho · 26m ago
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 · 29m ago
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 · 30m ago
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 · 28m ago
I use this extension for Stylus on Firefox: https://github.com/pyxelr/hacker-news-bluish-gray
minimaxir · 1h ago
A year ago, dang said the team would prefer a more robust theming solution: https://news.ycombinator.com/item?id=41105536
bombcar · 21m ago
We can change the color of the top bar - so everything’s already basically there.
SigmundA · 53m ago
Perfect is the enemy of the good.
arduanika · 44m ago
https://xkcd.com/974/

I'm developing a system to pass arbitrary condiments.

twapi · 44m ago
bbx · 39m ago
UltraMagnus · 58m ago
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.

platelminto · 48m ago
Uhh isn't default HN always 30 items?
magackame · 31m ago
They mean you can press "more" only once for a maximum of 60 vs HNs "infinite" more button.

EDIT: now I know there is max 35 pages of HN

rfarley04 · 1h ago
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
asdff · 24m ago
You already do on a mac at least. ctrl-option-command-8.
bombcar · 22m ago
Fond memories of doing this on all the display Macs at CompUSA.
asdff · 3m ago
Surprisingly this is extremely laggy on my m3 pro on macos 14.2.1 now that I test it out...
squigz · 51m ago
All you need is https://darkreader.org/
augusto-moura · 41m ago
Yep, I usually have it setup to whitelist mode, most pages will open normally, but if I want to read some long text and prefer it to be on dark mode, I activate it only for that page.
liquid_thyme · 55m ago
A+++ , would buy again, :)