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

241–250 of 469 posts

Re: Ask HN: Dark mode for HN please?

#241

Post by DoreenMichele »

c22 wrote: post #239
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…

In our profiles we can already set topcolor, why not just add fields for bgcolor and textcolor too?

If that works, we could also make a list of suggested color combos for people who want an easy solution and don't know much about design and don't want to spend a lot of time futzing with it.

And, I mean, the moderators don't have to make that list. The users could share what color combos work for them.

Re: Ask HN: Dark mode for HN please?

#242

Post by limograf »

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…

@media (prefers-color-scheme: dark) { { html {filter: invert(1)} }

Re: Ask HN: Dark mode for HN please?

#243

Post by sgillen »

giancarlostoro wrote: post #220
dang wrote: post #69

Earlier quoted context omitted.

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

An alternative is to "opt-in" sort of how you can change the top bar color with enough Karma. Maybe that CSS is not loaded for people who dont have that same Karma? I assume people asking for the feature post often enough. Edit: To clarify what I mean is maybe toggling which style sheet HN gives you in settings would be ideal for all. Web standards are nice but they dont help in the minimalist ideals of HN too much.

Really? How much karma do you need for that? This is my first time hearing about this.

Re: Ask HN: Dark mode for HN please?

#244

Post by chiefsucker »

nhumrich wrote: post #222

Of all places, this is the one site that doesn't need dark mode. There are hundreds of clients. Dark reader on both chrome and Firefox. Stylish allows you to change the css to your own. This is a site for hackers. Quite literally. So hack it.

Yes, exactly. When I need HN in dark mode, I open a pre-configured Terminal profile with w3m launched by default, and have a nice greenish font on a dark background.

It looks like this: https://imgur.com/a/FqLB0g8

Re: Ask HN: Dark mode for HN please?

#245

Post by albedoa »

JoshTriplett wrote: post #228
tallgiraffe wrote: post #223

Earlier quoted context omitted.

Love this. One addition, consider reducing the brightness on text so it doesn't glare as much.

Please don't. Strong contrast helps readability; grey-on-color is lower contrast than white-on-color. Most HN threads linking to a site that has light-grey-on-dark-grey or dark-grey-on-light-grey text have at least one (off-topic) complaint about site style. Let's not make HN one of those sites.

> grey-on-color is lower contrast than white-on-color.

> Let's not make HN one of those sites.

The OP of the thread you are replying to is #828282 on top of #f6f6ef. That is lower contrast than black on white.

Re: Ask HN: Dark mode for HN please?

#246

Post by rptr »

clairity wrote: post #167
deleerium wrote: post #100

Earlier quoted context omitted.

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.

Yes there is much better way. Install Stylus plugin and copy and paste the same script (except meta tag) with rule on domain. And it just works fine across all instances of domain.

Re: Ask HN: Dark mode for HN please?

#247

Post by _8j50 »

_8j50 wrote: post #161
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.

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

This was sarcasm.sorry.

Re: Ask HN: Dark mode for HN please?

#248

Post by narag »

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…

This is really nice, discreet and readable. Good job!

Re: Ask HN: Dark mode for HN please?

#249

Post by c22 »

dang wrote: post #53
kazinator wrote: post #45

Earlier quoted context omitted.

Right now, the profile has a single property "topcolor" where you can slightly customize HN. It seems that this could easily be extended with a few more similar properties, suitable values of which could produce a darkmode.

I'd love to do that just by offering people a CSS blob that we could inject into their CSS when they browse HN. Our original idea (actually kogir's idea from back in 2014—he's a forward-thinking guy) was that people could create skins this way, if that Winamp-era term isn't too obsolete by now, and share them. However, someone who is plugged into Reddit told me that they used to allow user-defined CSS for customizing…

I think background color and text color options with inverted voting arrows (as suggested elsewhere in this thread[0]) would be enough for most people.

What.cd used to let you put a url in your settings that was injected as the stylesheet while you were logged in. This approach would let people publish and share themes--though shared themes could be a (pretty visible) security concern.

I remember also running into issues trying to use non-https-served stylesheets since the site was https and browsers balked.

[0] https://news.ycombinator.com/item?id=23199725

Re: Ask HN: Dark mode for HN please?

#250

Post by tastroder »

sgillen wrote: post #243
giancarlostoro wrote: post #220

Earlier quoted context omitted.

An alternative is to "opt-in" sort of how you can change the top bar color with enough Karma. Maybe that CSS is not loaded for people who dont have that same Karma? I assume people asking for the feature post often enough. Edit: To clarify what I mean is maybe toggling which style sheet HN gives you in settings would be ideal for all. Web standards are nice but they dont help in the minimalist ideals of HN too much.

Really? How much karma do you need for that? This is my first time hearing about this.

250 iirc
Post reply on HN