I use this extension: https://github.com/plibither8/refined-hacker-news

It offers dark mode and many useful quality-of-life UI tweaks.

I'm not understanding how to apply the dark mode using this extension. I see that it has it in the "Custom CSS" field, but what then needs to be done to apply the CSS? This is probably really obvious to most of the userbase, but I'm pretty inept when it comes to anything pertaining to web design.

Also, the text in the extension is nigh unreadable. I have to highlight it all to get enough contrast to make it visible. This is on Firefox, anyone else have this issue?

https://ibb.co/Hdz6gP2

I have that same problem. I think hitting the "dark mode" CSS preset (which pastes the CSS, unreadable of course, into the edit box) and then pressing Enter actually let the style stick. I also had to refresh my HN pages for that particular change to take effect.

Hi! I'm the developer of the extension.

The Firefox version needs a lot of work in the popup's CSS to make it visible. FF made some internal changes and ever since then it has stopped displaying text properly.

I'll get onto it soon.

It looks like there might be a bug or two that is getting ironed out. The many eyes are working!

https://github.com/plibither8/refined-hacker-news/issues/84

RHN's dev here - just saw this. Thanks :)

Ah, I did not know about this extension. Thanks for sharing!

Anyone know anything like this but for Safari?

try "dark reader" extension https://darkreader.org

There have been some pretty solid userstyles for HN. There was a big thread about it a while back:

https://news.ycombinator.com/item?id=23197966

Many really good themes you can install with Stylish or whatever extension works with your browser.

Browser extensions aren't universal, unfortunately :(

I often use all of Safari, FireFox, Chrome, and maybe one or two mobile browsers in a day, and the dissonance from having different styles on the same site in different browsers is worse than having to suffer through not having dark mode for me.

Stylus should work on Firefox, Chrome, and mobile Firefox.

Github is now removed from my Dark Mode Safari extension. Only two sites remain: Hacker News and Wikipedia.

Wikipedia support supplying your own custom.css which is applied whenever you're logged in.

See https://www.mediawiki.org/wiki/Help:Extension:GlobalCssJs

Install a browser plugin that allows you to inject custom CSS.

You can try a browser extension like: Dark Reader.

If you're using any chrome-based browser, you might want to enable the "force dark mode for web content" flag under chrome://flags. Some few websites look weird, but the vast majority becomes pleasantly darker. HN looks good. I cannot live without this option anymore.

Dammit man, I can only give you one upvote.