8 ms·

Ask HN: How can I browse HN in dark mode?

24 points by herodoturtle 4d ago

For the fellow parents, some fun context: My toddler is asleep on me, and this light is blinding.

randyrand 4d ago
iOS accessibility shortcut: 3 taps on sleep button inverts the colors of any website, if you set it up.
layer8 4d ago
On Safari I use https://getnoir.app/ https://getnoir.app/.
faxmeyourcode 4d ago
Firefox desktop and mobile let you install addons like https://darkreader.org/ https://darkreader.org/ which work great.
Meneth 4d ago
I used "Override colors" under Settings -> Accessibility to set nice dark colors. Then I used userChrome.js from https://github.com/AlexVallat/firefox-scripts/ https://github.com/AlexVallat/firefox-scripts/ to add a button which toggles the browser preferences "browser.display.use_system_colors" and "browser.display.document_color_use", so I can still access bright mode if needed.
Metricon 4d ago
I use the "Comments Owl for Hacker News" Firefox extension - https://soitis.dev/comments-owl-for-hacker-news https://soitis.dev/comments-owl-for-hacker-news It has a "Dark Mode" under options, plus it allows you to revisit a thread later and know which comments are new.
bazaah 4d ago
[dead]
robgough 4d ago
If you're on one of the betas for about-to-be-released apple OS’s, there's a new describe an extension functionality and building a dark mode for HN is exactly what I just used it to do. Super easy, and synced across all my devices. I know this sounds like an ad, but I was pretty impressed with it
- _fw 4d ago
  Great idea! I tried this just after reading your comment, 20s later I had a working extension that does exactly this for HN. Thank you!
Rendello 4d ago
The suggestion has been brought up and dang has commented on it over the years. He doesn't seem opposed to it per se. It's possible your descendants may live to see dark-mode HN: https://news.ycombinator.com/item?id=23199062 https://news.ycombinator.com/item?id=23199062 See also: dang + "dark mode": https://hn.algolia.com/?dateRange=all&page=0&prefix=true&query=author%3Adang%20%22dark%20mode%22&sort=byDate&type=comment https://hn.algolia.com/?dateRange=all&page=0&prefix=true&que... dang + "on the list" (lol): https://hn.algolia.com/?dateRange=all&page=0&prefix=true&query=author%3Adang%20%22on%20the%20list%22&sort=byDate&type=comment https://hn.algolia.com/?dateRange=all&page=0&prefix=true&que...
marcelo-earth 4d ago
This is the Chrome Extension that I use, I love it because it has a Safari version that you can use on your iPhone: https://chromewebstore.google.com/detail/hn-dark-mode/abpjflhoidbeaacggmdjoahiakcledna https://chromewebstore.google.com/detail/hn-dark-mode/abpjfl...
samus 4d ago
Stock Dark Reader browser extension works well for me.
accrual 4d ago
I am using Stylus and this theme: 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; }
Bender 4d ago
In uBlock Origin -> My Filters: # HN dark Mode: news.ycombinator.com##body:style(background: black) news.ycombinator.com##td:style(color: #fafafa !important) news.ycombinator.com##table:style(background-color: #24273a) 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: #696969 !important; background: inherit; ) news.ycombinator.com###hnmain:style(background: #24273a !important)
viccis 4d ago
https://uso.kkx.one/style/92693 https://uso.kkx.one/style/92693 Use it with Stylus
Uzazo 4d ago
Dark Reader extension in Safari.
VCFundedGenYer 4d ago
Use the firefox extension "Dark Background and Light Text".
avipars 4d ago
Very beta: https://adhn.netlify.app/ https://adhn.netlify.app/
throwyonion 4d ago
[dead]
tech234a 4d ago
I still remember this thread: https://news.ycombinator.com/item?id=23197966 https://news.ycombinator.com/item?id=23197966
OnionBlender 4d ago
https://hcker.news https://hcker.news has multiple dark mode themes.
- herodoturtle 4d ago
  thanks!
- salvesefu 4d ago
  this is dope.
farlight 4d ago
On Android, Vivaldi supports dark more out of the box. It's actually just a toggle for the dark mode present on any chromium-based browser, and you can enable it globally in any of them in chrome://flags/#enable-force-dark Dark Reader, often recommended, is very slow, especially on old hardware. This built-in mode is much more efficient and works well on vast majority of pages.
- dominick-cc 4d ago
  That flag doesn't seem to work for me in android chrome or brave, when enabled HN is still very much light mode
- soniczentropy 4d ago
  Dark Reader's slowness primarily stems from its auto-detection of pages that need darkening. If you turn that off and manually enable it on pages that need it, it doesn't feel any slower than anything else
- gabrielsroka 4d ago
  So do Chrome and Brave.
stagas 4d ago
Dark Reader extension for Chrome.
xeonax 4d ago
Darkreader extension in Firefox
pelagic_sky 4d ago
I use the HN Enhance extension in FF.
sloppit 4d ago
[dead]
alanvitor 4d ago
Opera browser supports it natively
Arshwaraich 4d ago
[dead]
HeavyStorm 4d ago
I use Dark Reader on my Firefox Mobile and on any of my pc browsers.
marcomourao 4d ago
On iOS, Octal.

24 points by herodoturtle 4d ago

For the fellow parents, some fun context: My toddler is asleep on me, and this light is blinding.

randyrand 4d ago

iOS accessibility shortcut: 3 taps on sleep button inverts the colors of any website, if you set it up.

layer8 4d ago

On Safari I use https://getnoir.app/ https://getnoir.app/.

faxmeyourcode 4d ago

Firefox desktop and mobile let you install addons like https://darkreader.org/ https://darkreader.org/ which work great.

Meneth 4d ago

I used "Override colors" under Settings -> Accessibility to set nice dark colors. Then I used userChrome.js from https://github.com/AlexVallat/firefox-scripts/ https://github.com/AlexVallat/firefox-scripts/ to add a button which toggles the browser preferences "browser.display.use_system_colors" and "browser.display.document_color_use", so I can still access bright mode if needed.

Metricon 4d ago

I use the "Comments Owl for Hacker News" Firefox extension - https://soitis.dev/comments-owl-for-hacker-news https://soitis.dev/comments-owl-for-hacker-news It has a "Dark Mode" under options, plus it allows you to revisit a thread later and know which comments are new.

bazaah 4d ago

[dead]

robgough 4d ago

If you're on one of the betas for about-to-be-released apple OS’s, there's a new describe an extension functionality and building a dark mode for HN is exactly what I just used it to do. Super easy, and synced across all my devices. I know this sounds like an ad, but I was pretty impressed with it

_fw 4d ago
Great idea! I tried this just after reading your comment, 20s later I had a working extension that does exactly this for HN. Thank you!

Rendello 4d ago

The suggestion has been brought up and dang has commented on it over the years. He doesn't seem opposed to it per se. It's possible your descendants may live to see dark-mode HN: https://news.ycombinator.com/item?id=23199062 https://news.ycombinator.com/item?id=23199062 See also: dang + "dark mode": https://hn.algolia.com/?dateRange=all&page=0&prefix=true&query=author%3Adang%20%22dark%20mode%22&sort=byDate&type=comment https://hn.algolia.com/?dateRange=all&page=0&prefix=true&que... dang + "on the list" (lol): https://hn.algolia.com/?dateRange=all&page=0&prefix=true&query=author%3Adang%20%22on%20the%20list%22&sort=byDate&type=comment https://hn.algolia.com/?dateRange=all&page=0&prefix=true&que...

marcelo-earth 4d ago

This is the Chrome Extension that I use, I love it because it has a Safari version that you can use on your iPhone: https://chromewebstore.google.com/detail/hn-dark-mode/abpjflhoidbeaacggmdjoahiakcledna https://chromewebstore.google.com/detail/hn-dark-mode/abpjfl...

samus 4d ago

Stock Dark Reader browser extension works well for me.

accrual 4d ago

I am using Stylus and this theme: 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; }

Bender 4d ago

In uBlock Origin -> My Filters: # HN dark Mode: news.ycombinator.com##body:style(background: black) news.ycombinator.com##td:style(color: #fafafa !important) news.ycombinator.com##table:style(background-color: #24273a) 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: #696969 !important; background: inherit; ) news.ycombinator.com###hnmain:style(background: #24273a !important)

viccis 4d ago

https://uso.kkx.one/style/92693 https://uso.kkx.one/style/92693 Use it with Stylus

Uzazo 4d ago

Dark Reader extension in Safari.

VCFundedGenYer 4d ago

Use the firefox extension "Dark Background and Light Text".

avipars 4d ago

Very beta: https://adhn.netlify.app/ https://adhn.netlify.app/

throwyonion 4d ago

[dead]

tech234a 4d ago

I still remember this thread: https://news.ycombinator.com/item?id=23197966 https://news.ycombinator.com/item?id=23197966

OnionBlender 4d ago

https://hcker.news https://hcker.news has multiple dark mode themes.

herodoturtle 4d ago
thanks!
salvesefu 4d ago
this is dope.

farlight 4d ago

On Android, Vivaldi supports dark more out of the box. It's actually just a toggle for the dark mode present on any chromium-based browser, and you can enable it globally in any of them in chrome://flags/#enable-force-dark Dark Reader, often recommended, is very slow, especially on old hardware. This built-in mode is much more efficient and works well on vast majority of pages.

dominick-cc 4d ago
That flag doesn't seem to work for me in android chrome or brave, when enabled HN is still very much light mode
soniczentropy 4d ago
Dark Reader's slowness primarily stems from its auto-detection of pages that need darkening. If you turn that off and manually enable it on pages that need it, it doesn't feel any slower than anything else
gabrielsroka 4d ago
So do Chrome and Brave.

stagas 4d ago

Dark Reader extension for Chrome.

xeonax 4d ago

Darkreader extension in Firefox

pelagic_sky 4d ago

I use the HN Enhance extension in FF.

sloppit 4d ago

[dead]

alanvitor 4d ago

Opera browser supports it natively

Arshwaraich 4d ago

[dead]

HeavyStorm 4d ago

I use Dark Reader on my Firefox Mobile and on any of my pc browsers.

marcomourao 4d ago

On iOS, Octal.