Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Ask HN: Dark mode for HN please?

news.ycombinator.com

Post reply on HN
Print view View original

161–170 of 469 posts

Re: Ask HN: Dark mode for HN please?

#161

Post by _8j50 »

umvi wrote: post #99
jimmyswimmy wrote: post #56

Earlier quoted context omitted.

Please, for God's sake, don't screw it up. I can keep up with news on this site from a 15 kb/s shared satellite link when I'm out at sea. Except perhaps for the really big threads. I love the simple interface. It's text, it's simple, it's readable, and when I hit the spacebar, it scrolls down a page. No fancy fonts, no javascript, no nothing. I love HN for its simplicity and speed. Thanks for maintaining a good engin…

Well, if we want HN to follow best modern web practices, I recommend rewriting the whole thing with React/Node.js using TypeScript. Then, we can get a proper CSS framework in place like Material that will really allow us to get everything looking really good. I can design a cool looking loading screen that says "HN" while the JS is loading in the background.

Let's rewrite this thing in C and compile it to webassembly!

Re: Ask HN: Dark mode for HN please?

#162

Post by shbooms »

I use some hacked together uBlock Origin filters that do a fairly decent job at giving HN dark mode if you care to take it for a spin:

    ycombinator.com##html:style(background-color: #3e3e42 !important)
    ycombinator.com###hnmain:style(background-color: #2E2E31 !important)
    ycombinator.com##.age:style(color: #ccc !important)
    ycombinator.com##.c00:style(color: #ccc !important)
    ycombinator.com##.comhead > a:style(color: #dedede !important)
    ycombinator.com##.comhead:style(color: #dedede !important)
    ycombinator.com##.hnuser:style(color: #ccc !important)
    ycombinator.com##.subtext > a:link:style(color: #ccc !important)
    ycombinator.com##.subtext > a:style(color: #ccc !important)
    ycombinator.com##.subtext:style(color: #ccc !important)
    ycombinator.com##.title > a:style(color: #dedede !important)
    ycombinator.com##a:link:style(color: #ccc !important)

Re: Ask HN: Dark mode for HN please?

#163

Post by warranty »

quartz wrote: post #30

If you’re on iOS: I’ve been using the same YC reader app for over 6 years and it hasn’t been updated in over 2 years now but it still works and has had fully configurable colors schemes since as long as I can remember: https://apps.apple.com/us/app/hacker-news-yc/id713733435

I would also recommend HACK FOR HACKERNEWS. It has a lot of useful features + dark mode.

https://apps.apple.com/in/app/hack-for-hacker-news-developer...

Re: Ask HN: Dark mode for HN please?

#164

Post by mud_dauber »

jimmyswimmy wrote: post #56
dang wrote: post #32

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 outside both my expertise and my interest. We can add CSS to https://news.ycombinator.com/news.css for prefers-color-scheme: dark , bu…

Please, for God's sake, don't screw it up. I can keep up with news on this site from a 15 kb/s shared satellite link when I'm out at sea. Except perhaps for the really big threads. I love the simple interface. It's text, it's simple, it's readable, and when I hit the spacebar, it scrolls down a page. No fancy fonts, no javascript, no nothing. I love HN for its simplicity and speed. Thanks for maintaining a good engin…

Seconded. I'm using a cellular hotspot due to lack of HS options, even here in the outskirts of Austin. KISS.

Re: Ask HN: Dark mode for HN please?

#165

Post by andrewflnr »

dang wrote: post #26
_bxg1 wrote: post #21

Earlier quoted context omitted.

An open entry field for custom CSS would be a clunky but still welcome solution to this problem. It would also be extremely low-risk and low-effort on the maintainers' parts.

I wanted to do that but was told that Reddit encountered security issues with this, and so moved away from it in favor of a complex widget UI, which would not be a good fit for HN.

I was thinking literally a handful of text fields validated against /[a-f0-9]{6}/. But yeah, maybe not quite as trivial as we would like.

Re: Ask HN: Dark mode for HN please?

#166

Post by warent »

dang wrote: post #32

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 outside both my expertise and my interest. We can add CSS to https://news.ycombinator.com/news.css for prefers-color-scheme: dark , bu…

"Move slowly and preserve things" killed me. Not sure if I agree with it entirely but I love having this in my vault

Re: Ask HN: Dark mode for HN please?

#167

Post by clairity »

deleerium wrote: post #100
dang wrote: post #32

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 outside both my expertise and my interest. We can add CSS to https://news.ycombinator.com/news.css for prefers-color-scheme: dark , bu…

Screenshot: https://imgur.com/a/mxaNky4 Whipped this up real quick... keeps the spirit of HN I think, and is pretty minimal. Not my best CSS but tables/current CSS make some selectors a little tricky and after all, it's less than 1kb added, no markup or stack changes needed, and this is 'Hacker News' right? :D @media (prefers-color-scheme: dark) { body { background-color: #1F2430; } #hnmain { background-color: #23283…

looks good!

to preview, folks can live edit this page in inspector and paste these styles into a style tag.

in firefox, F12 to open inspector, hit '+' in the style pane to insert a tag (but don't add a rule), then right click the inserted tag in the inspector pane and "edit as html" to edit the html, and finally paste these styles inside the tag and click out of it.

Re: Ask HN: Dark mode for HN please?

#168

Post by brianush1 »

krapp wrote: post #128
umvi wrote: post #99

Earlier quoted context omitted.

Well, if we want HN to follow best modern web practices, I recommend rewriting the whole thing with React/Node.js using TypeScript. Then, we can get a proper CSS framework in place like Material that will really allow us to get everything looking really good. I can design a cool looking loading screen that says "HN" while the JS is loading in the background.

Blockchain. No one said blockchain yet. We have to blockchain it. Blockchain it with cryptos.

Also, if there's any way to incorporate machine learning algorithms into it, please try to find a way to do that.

Re: Ask HN: Dark mode for HN please?

#169

Post by Normal_gaussian »

fermienrico wrote: post #91
dang wrote: post #69

Earlier quoted context omitted.

I'm on board with ceasing and desisting from screwing it up.

Can we have a review before we merge the change? Make sure all issues are ironed out. HN design is simply the best thing out there. "Moving slowly and preserving things" - I would get this engraved on my grave. This philosophy has died unfortunately and with it went robustness, simplicity, elegance, poise, beauty, accessibility, elegance, maintainability and practicality. Thanks dang for your gandalf-like wisdom and…

We can have what would undoubtedly be one of the world's largest code reviews, and for a vanishingly small piece of relatively mundane code.

Please dang!

Re: Ask HN: Dark mode for HN please?

#170

Post by tehlike »

gitgud wrote: post #71

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...

I have been using this for a while. Works great except on some pages. I wish there was a quick 'disable for this site' button.
Post reply on HN