HN dark mode in 2 lines of code

Dev tools

browser snippet

SHOW HN2022

31points
10comments
#1,234of 2,570 in 2022
Top 49%of 2022 by points

How HN took it

DebatedReal support and real criticism

5 positive, 1 neutral or asking, 0 mixed, 2 critical, out of 8 comments about the project. Thread score +0.17.

Idea: 2 for, 1 againstExecution: 1 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Quick and useful dark mode for HN

    From 2 comments
    • Great idea, using it now! You can also apply styles with uBlockOrigin, for example the equivalent uBO rule is: ``` news.ycombinator.com##html:style(filter:invert(100%);…
      xvello on HN
    • niceeee
      anon115 on HN
  • Userscript version works well

    From 2 comments
    • Nice, or as a tampermonkey user-script: // ==UserScript== // @name HN dark mode // @namespace http://tampermonkey.net/ // @version 0.1 // @description HN dark mode // @author You…
      cauefcr on HN
    • Works great, thanks for sharing
      bergpb on HN

Objections

  • Inversion leaves a white border around the page

    From 1 comment
    • Not working for me, there is a big chunk of white surrounding around black part of page.
      eimrine on HN
  • Inverts the orange top color, needs hue-rotate fix

    From 2 comments
    • Great idea, using it now! You can also apply styles with uBlockOrigin, for example the equivalent uBO rule is: ``` news.ycombinator.com##html:style(filter:invert(100%);…
      xvello on HN
    • For future reference, we can recover the orange colors by adding a hue-rotate filter too. Here's my current rule: ``` news.ycombinator.com##html:style(filter:invert(100%)…
      xvello on HN

Requests

  • Built-in dark mode on Hacker News

    From 1 comment
    • Still unfortunate that HN doesn’t offer this as a builtin feature. So many people have already requested this during the last couple of years.
      EdSchouten on HN

Questions

  • How to apply the uBlockOrigin rule

    From 1 comment
    • Thanks! Took me a moment to realize how to apply this (here for others benefit): 1. Right click > Block element 2. Click anywhere 3. Change the rule to: ```…
      bArray on HN

Alternatives named

  • Hacker News Dark userscript on userstyles.org

    From 1 comment
    • I use the Hacker News Dark[0] userscript with Tapermonkey [0] https://userstyles.org/styles/113994
      DedlySnek on HN
  • uBlockOrigin style rule

    From 1 comment
    • Great idea, using it now! You can also apply styles with uBlockOrigin, for example the equivalent uBO rule is: ``` news.ycombinator.com##html:style(filter:invert(100%);…
      xvello on HN
  • Tampermonkey userscript

    From 1 comment
    • Nice, or as a tampermonkey user-script: // ==UserScript== // @name HN dark mode // @namespace http://tampermonkey.net/ // @version 0.1 // @description HN dark mode // @author You…
      cauefcr on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/32719488)