Ask HN: Dark Mode for HN?

32•todotask2•2h ago

Can we have a dark mode for HackerNews?

Comments

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

minimaxir•1h ago

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

SigmundA•1h ago

Perfect is the enemy of the good.

arduanika•1h ago

https://xkcd.com/974/

I'm developing a system to pass arbitrary condiments.

bombcar•1h ago

We can change the color of the top bar - so everything’s already basically there.

UltraMagnus•1h 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•1h ago

Uhh isn't default HN always 30 items?

magackame•1h 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

liquid_thyme•1h ago

A+++ , would buy again, :)

squigz•1h ago

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

augusto-moura•1h 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.

twapi•1h ago

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

bbx•1h ago

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

MitPitt•1h 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.

sirshmooey•1h 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...

mpicker0•1h ago

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

xnx•1h 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.

wakawaka28•1h 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•55m 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•54m ago

In that case give me the JSON data, I’ll do the rest.

Gualdrapo•51m 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.

gausswho•1h 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)

efreak•41m ago

I really like Harmonic, but there's other features from Materialistic that I miss: - ability to switch back and forth from the article to the comments (in harmonic you have to scroll up or use a second app as browser) - ability to see the comment you're replying to - per-comment menu without long-press - draft comments (pause editing and save the comment to continue later...if you can remember where it was)

Why does every HN app re-implement bookmarks? Why can't they just save them to the HN website? Sure, you'd maybe need to fetch the static page from HN itself instead of using the API, and parse it for the favorite link to get the URL necessary, but it should be fairly simple regardless of whatever other changes are made (the link text is favorite, it's probably the first occurrence of a link with that text and has predictable URL format)

asdff•1h ago

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

bombcar•1h ago

Fond memories of doing this on all the display Macs at CompUSA.

asdff•51m ago

Surprisingly this is extremely laggy on my m3 pro on macos 14.2.1 now that I test it out...

onelesd•1h 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•1h ago

An earlier mention of this: https://news.ycombinator.com/item?id=36344815

todotask2•37m ago

This time is iOS 26 adds any website shortcut to Home Screen as web app, which definitely need a dark mode.

dredmorbius•1h 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.

Martin_Silenus•36m ago

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

elhenrico•34m ago

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

todotask2•33m ago

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

pluc•22m ago

Dark Reader for Firefox

Learn Your Way: Reimagining Textbooks with Generative AI

Nvidia buys $5B in Intel

This map is not upside down

Configuration files are user interfaces

When Knowing Someone at Meta Is the Only Way to Break Out of "Content Jail"

TernFS – An exabyte scale, multi-region distributed filesystem

Flipper Zero Geiger Counter

Launch HN: Cactus (YC S25) – AI inference on smartphones

tldraw SDK 4.0

KDE is now my favorite desktop

Luau – Fast, small, safe, gradually typed scripting language derived from Lua

The Last Days of the Managerial Class

American Prairie unlocks another 70k acres in Montana

The quality of AI-assisted software depends on unit of work management

OpenTelemetry Collector: What It Is, When You Need It, and When You Don't

Aaron Levie: Startups win in the AI era [video]

PostgreSQL Maintenance Without Superuser

OneDev – Self-hosted Git server with CI/CD, Kanban, and packages

I Built an Event-Sourcing Database Engine: Meet Genesis DB

Slack has raised our charges by $195k per year

Chrome's New AI Features

Midcentury North American Restaurant Placemats

Grief gets an expiration date, just like us

Show HN: One prompt generates an app with its own database

CERN Animal Shelter for Computer Mice (2011)

Automatic differentiation can be incorrect

CircuitHub (YC W12) Is Hiring Operations Research Engineers (UK/Remote)

The Day the Linter Broke My Code

Rereading books

Pnpm has a new setting to stave off supply chain attacks