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.
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)
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.
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)
html {background: #000;} body {filter: invert(.95) hue-rotate(12deg);}
https://chromewebstore.google.com/detail/stylus/clngdbkpkpee...
https://apps.apple.com/us/app/noir-dark-mode-for-safari/id15...
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...