TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Ask HN: Why is there no dark mode on HN?

5 pointsby RunOutOfMemoryover 1 year ago

4 comments

sacrosanctover 1 year ago
Install Dark Reader. Mission complete:<p><a href="https:&#x2F;&#x2F;chrome.google.com&#x2F;webstore&#x2F;detail&#x2F;dark-reader&#x2F;eimadpbcbfnmbkopoojfekhnkhdbieeh" rel="nofollow noreferrer">https:&#x2F;&#x2F;chrome.google.com&#x2F;webstore&#x2F;detail&#x2F;dark-reader&#x2F;eimadp...</a><p><a href="https:&#x2F;&#x2F;addons.mozilla.org&#x2F;en-US&#x2F;firefox&#x2F;addon&#x2F;darkreader&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;addons.mozilla.org&#x2F;en-US&#x2F;firefox&#x2F;addon&#x2F;darkreader&#x2F;</a>
mikequinlanover 1 year ago
<a href="https:&#x2F;&#x2F;hn.algolia.com&#x2F;?q=dark+mode" rel="nofollow noreferrer">https:&#x2F;&#x2F;hn.algolia.com&#x2F;?q=dark+mode</a>
LinuxBenderover 1 year ago
This does come up often and it&#x27;s a good question. I think the easiest way to answer this is that most members of HN use ad blockers like uBlock Origin [0] and other style editing addons that can modify HTML&#x2F;CSS. Here is an example of using uBlock to add a dark mode to HN. <i>please forgive the color scheme I&#x27;m weird, adjust as you see fit [1]</i><p>Addons -&gt; uBlock Origin Preferences -&gt; My Filters<p><pre><code> # HN Color news.ycombinator.com##html:style(background-color: #080808 !important) news.ycombinator.com###hnmain:style(background-color: #121216 !important) news.ycombinator.com##.age:style(color: #999 !important) news.ycombinator.com##.c00:style(color: #999 !important) news.ycombinator.com##.comhead &gt; a:style(color: #dedede !important) news.ycombinator.com##.comhead:style(color: #dedede !important) news.ycombinator.com##.hnuser:style(color: #999 !important) news.ycombinator.com##.subtext &gt; a:link:style(color: #ccc !important) news.ycombinator.com##.subtext &gt; a:style(color: #999 !important) news.ycombinator.com##.subtext:style(color: #999 !important) news.ycombinator.com##.title &gt; a:style(color: #999 !important; background-color: #000 !important) news.ycombinator.com##a:link:style(color: #bdbdbd !important) news.ycombinator.com##a:visited:style(color: #adadad !important) news.ycombinator.com##a:hover:style(color: #fd0000 !important; background-color: #000855 !important) </code></pre> Adjust the colors to meet your preferences. [1] <i>there is probably a better HTML color chart</i><p>Some other uBlock Origin examples specific to HN:<p>To filter some topics of submissions<p><pre><code> # Filter some topics with regex # top (title &#x2F; url) news.ycombinator.com##tr.athing span.titleline &gt; a:has-text(&#x2F;(itcoin|lockchain|202[3-9]$)&#x2F;):upward(tr) # bottom (stats &#x2F; comments) news.ycombinator.com##tr.athing span.titleline &gt; a:has-text(&#x2F;(itcoin|lockchain|202[3-9]$)&#x2F;):upward(tr) + * </code></pre> To hide usernames to avoid bias <i>some people like this</i><p><pre><code> # HN Username news.ycombinator.com## td &gt; table &gt; tbody &gt; tr &gt; .default &gt; div &gt; .comhead &gt; .hnuser news.ycombinator.com##.subline &gt; .hnuser news.ycombinator.com##.hider.clicky news.ycombinator.com##.hnpast </code></pre> Hide discussion threads if one wants some news but avoid temptation of discussions <i>taking a break or anti-addiction so to speak, comment out to re-enable discussion threads.</i><p><pre><code> # HN Thread Comments news.ycombinator.com##.subline &gt; [href^=&quot;item&quot;] </code></pre> Along the line of addiction, block Karma view<p><pre><code> # HN Block Karma View news.ycombinator.com##.comhead .score:style(overflow: hidden; display: inline-block; line-height: 0.1em; width: 0; margin-left: -1.9em;) news.ycombinator.com###hnmain &gt; tbody &gt; tr:first-of-type table td:last-of-type .pagetop:style(font-size: 0!important; color: transparent!important;) news.ycombinator.com###hnmain &gt; tbody &gt; tr:first-of-type table td:last-of-type .pagetop &gt; *:style(font-size: 10pt; line-height: 1.45em;) news.ycombinator.com###logout::before:style(content: &quot;|&quot;; padding: 0.25em;) news.ycombinator.com##form.profileform tbody tr:nth-child(3) </code></pre> Various add-on links referenced in their repo [0]<p>[0] - <a href="https:&#x2F;&#x2F;github.com&#x2F;gorhill&#x2F;uBlock">https:&#x2F;&#x2F;github.com&#x2F;gorhill&#x2F;uBlock</a><p>[1] - <a href="https:&#x2F;&#x2F;www.rapidtables.com&#x2F;web&#x2F;color&#x2F;html-color-codes.html" rel="nofollow noreferrer">https:&#x2F;&#x2F;www.rapidtables.com&#x2F;web&#x2F;color&#x2F;html-color-codes.html</a>
xeckrover 1 year ago
Build your own and share it.