Live data from Hacker News

Hacker News needs a Dark Mode

news.ycombinator.com

21–30 of 94 posts

Re: Hacker News needs a Dark Mode

#21

If you're using ublock origin, I have these filters which I copied from another HN comment once upon a time. news.ycombinator.com##html:style(filter:invert(100%) hue-rotate(180deg)) news.ycombinator.com##body:style(background: white) news.ycombinator.com##div.toptext:style(color: black) news.ycombinator.com###hnmain td[bgcolor="#000000"] edit: "rules" -> "filters"

Note: These actually go under the filters tab of uBlock Origin, not the rules tab.

Re: Hacker News needs a Dark Mode

#22
I know you mentioned you don't like extensions, but for those that don't mind Dark Reader is really useful:

https://darkreader.org/

I have it setup to enable according to the system. Also, I use the whitelist mode, so I enable on specific websites instead of having it enabled for every one automatically.

It's available on mobile via Firefox for Android!

Re: Hacker News needs a Dark Mode

#24
post #4

Never understood the point of dark modes. Am I too old?

No. The primary benefit of "dark mode" is that it reduces eye strain for folks using their monitor at a brightness set too high for their environment. It can also just look cool, which is fine too.

Dark mode myths are summarized here: https://www.wired.co.uk/article/dark-mode-chrome-android-ios...

Re: Hacker News needs a Dark Mode

#27
post #3
post #2

https://news.ycombinator.com/item?id=23197966 And probably a dozens more with 100+ comments and hundreds more with a few comments. At this point I have simply given up.

Same. It's been 3 years since they said they would do something and it only needs a couple of lines to the CSS.

eh to be fair it's a bit more than a couple of lines, but I agree, with a site like HN it shouldn't be too bad.

Re: Hacker News needs a Dark Mode

#29

If you're using ublock origin, I have these filters which I copied from another HN comment once upon a time. news.ycombinator.com##html:style(filter:invert(100%) hue-rotate(180deg)) news.ycombinator.com##body:style(background: white) news.ycombinator.com##div.toptext:style(color: black) news.ycombinator.com###hnmain td[bgcolor="#000000"] edit: "rules" -> "filters"

I’m an embedded dev, so websites and web tech are a black box to me… I’ve never asked, does the ## mean “overwrite” as uBlock DSL?

> I’m an embedded dev, so websites and web tech are a black box to me

You should start tinkering with embedded webservers then (civetweb, etc)! Even embedded devs should learn web tech because often browsers are the easiest way to interface with router/modem settings, IoT settings, etc.

In this case "##" is uBlock filter syntax. Basically "news.ycombinator.com##html:style(filter:invert(100%) hue-rotate(180deg))" means "if the host matches news.ycombinator.com inject the following CSS"

Here's the docs if you want to rtfm: https://github.com/gorhill/uBlock/wiki/Dashboard:-My-filters

In this case I believe we are dealing with "cosmetic filters": https://github.com/gorhill/uBlock/wiki/Procedural-cosmetic-f...

Post reply on HN