You can customize HN to be darkmode friendly

8 comments

• shaunpud a day ago ago

  I was doing similar for a while but too many sites needed changes so I ended up installing and toggle Dark Reader where required. https://darkreader.org

  [-]
  • Davidbrcz a day ago ago

    And invert color images for the images (https://addons.mozilla.org/en-US/firefox/addon/invert-image/)

• southwindcg 2 days ago ago

  A while back I thought of simply adding a CSS filter to turn the colors of the entire site inverted, but never bothered.

  * { filter:invert(100%) !important }

  I'm not sure if that would work on the text boxes or not, though.

• WhereIsTheTruth 2 days ago ago

  Here is what I use:

      body {
          background-color: #262626 !important;
      }
  
      body > center > table, input, textarea {
          background-color: #222 !important;
      }
  
      body > center > table > tbody > tr:first-child > td {
          background-color: #ff6600 !important;
      }
  
      /* Bright text */
      td.title a:link, span.comment font, span.comment font a:link, u a:link, span.yclinks a:link, body:not([id]),
      td:nth-child(2):not(.subtext) > a:link, input, textarea, p > a, a > u, .c00, .c00 a:link,
      a[href="http://www.ycombinator.com/apply/"], a[href="https://www.ycombinator.com/apply/"] {
          color: #ccc !important;
      }
  
      .admin td {
          color: #aaa !important;
      }
  
      /* search box and comment box */
      input, textarea {
          border: 1px solid #828282 !important;
          font-family: "Jetbrains Mono"!important;
      }

  [-]
  • Skullfurious a day ago ago

    Thanks I am about to try it out! I'll update the post when I get the chance for any future dark mode enjoyers.

• cheshire137 a day ago ago

  Thank you for this, works well! Now to adapt a version for https://hckrnews.com/.

• rfarley04 2 days ago ago

  Love it. Thanks

• deafpolygon a day ago ago

  Noir works perfectly for my uses.