Show HN: Dark Mode for HN | Hacker News Reader

Show HN: Dark Mode for HN

github.com

41 pointsazerella19 comments

Open articleView on HN

You can enable dark mode in Chrome on Android

1. Go to chrome://flags

2. Enable "Force Dark Mode for Web Contents"

This works pretty well on all sites, not just hacker news...

you can also use the chrome extension "dark reader" to make every site dark mode, including HN

Chrome feature flags are the only working solution for dark-mode on mobile devices, can you install extensions on your phone?

Firefox Preview + Dark Reader works really well!

My preference is for full brightness white text #fff on complete black background #000.

My reason is based partially on the following article: The key point in the article is “These results suggest that reading text with inverted contrast may be a way to inhibit myopia; however, more studies need to be done in children to confirm the proposed strategy.”

https://www.google.com/amp/s/myopiainscience.wordpress.com/2...

It would be nice if color could be a browser preference universal for all sites, but I don’t know how it would handle needing different brightness levels based upon semantic markup.

Here's my Dark Mode version for HN, I use it all the time.

https://userstyles.org/styles/175664/hacker-news-dark-mode

In the meantime, look into the "Dark Background and Light Text" browser extension.

Solves the problem for almost every site, not just one.

Thank you. Here is a link Firefox : https://addons.mozilla.org/firefox/addon/dark-background-lig... Chrome: https://chrome.google.com/webstore/detail/dark-background-an...

Here it is as usercss if anyone else prefers that over an extension

https://gist.githubusercontent.com/harrygallagher4/025ce9f57...

> This is a simple extension that offers some flavours people can use until HN implement a native one

Is this likely to happen?

https://news.ycombinator.com/item?id=23199062:

> dang 6 days ago [–]

> Ok, you guys, this isn't the first time we've heard this request (https://hn.algolia.com/?dateRange=all&page=0&prefix=true&que...). I'm willing to do it (edit: not to change the default! just to add the option). It's just that any CSS issue that goes more than a quarter-inch deep is equally outside my expertise and my interest, so help would be welcome.

> We can add CSS to https://news.ycombinator.com/news.css for prefers-color-scheme: dark, but that leaves open the question of specifically what CSS to put in there. Anyone who wants to make a suggestion is welcome to. Post it in this thread so others can comment, or email it to hn@ycombinator.com. I've roped Zain, YC's designer, into helping with this, and we'll come up with something.

> p.s. If you're inclined to post "this is 2020, how come HN doesn't $thing", remember our motto: move slowly and preserve things: https://hn.algolia.com/?dateRange=all&page=0&prefix=true&que... When I say slowly I mean slowly. This is also called alligator energy. https://news.ycombinator.com/item?id=16442716

The title ought to be "Dark Extremely Low Contrast Except, Weirdly, The Arrows Mode for HN". Why are the arrows bright and the text so dark? Is this to encourage voting without reading?

There are extensions that let you implement custom CSS("userstyle"), why not use those instead?

This one is great:

https://userstyles.org/styles/160459/hacker-news-readable-da...

> There are extensions that let you implement custom CSS("userstyle"), why not use those instead?

If an extension goes rogue, everything you do in your browser is compromised https://www.grahamcluley.com/rogue-browser-extension/

"Stylish" browser extension steals all your internet history https://robertheaton.com/2018/07/02/stylish-browser-extensio...

My browser, the spy: How extensions slurped up browsing histories from 4M users https://arstechnica.com/information-technology/2019/07/datas...

DataSpii: The catastrophic data leak via browser extensions https://securitywithsam.com/2019/07/dataspii-leak-via-browse...

Chrome Extension Stealing Cryptocurrency Keys and Passwords https://www.schneier.com/blog/archives/2020/01/chrome_extens...

Google removes 500+ malicious Chrome extensions from the Web Store https://www.zdnet.com/article/google-removes-500-malicious-c...

The Case for Limiting Your Browser Extensions https://krebsonsecurity.com/2020/03/the-case-for-limiting-yo...

You could try to disable automatic updates for browser extensions, and also to examine them to see that they are what you want (and if it isn't, to alter them before installing them).

I have been browsing HN with a custom stylesheet that matches my code editor color scheme for years with a chrome extension

Looks great! How do I install on Firefox (mobile)? I only see a chrome link.

would you consider swapping the style of read and unread links?

Reply on news.ycombinator.com