Ask HN: Dark mode for HN please?

Post by snowwrestler » Sat, May 16, 2020, 3:20 AM UTC

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…

Post by badrchoubai » Sat, May 16, 2020, 3:23 AM UTC

fermienrico wrote: post #96

badrchoubai wrote: post #46

This is code for an extension I run locally. const getAttributes = () => { let head = document.head || document.getElementsByTagName("head")[0]; return { head, }; }; const changeStyles = (targetElement) => { style = document.createElement("style"); // set style.innerHTML to darker colors, append to head style.type = "text/css"; style.innerHTML = ` body, #hnmain { background: #272822; } a.storylink, a.morelink, span.c…

NOOOO! Why not a check box in the profile page? There is already a place for changing the colors. Can we please not add any javascript? The server remembers my topbar color. It can remember a boolean flag too.

Post by deleerium » Sat, May 16, 2020, 3:24 AM UTC

zackkrida wrote: post #173

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…

I have some styles I use. Screenshots: https://imgur.com/a/WZAaJST I don't love when dark modes skew blue, so tried to keep it neutral with blacks and greys ``` @media (prefers-color-scheme:dark) { body { background-color: #2a2b2e; } #hnmain { background-color: rgb(32, 33, 36); } a:link, .hnmore a:link, a:visited, td, .c00, .c00 a:link { color: #e8eaed; } .subtext, .comhead a:link, .subtext a:visited, span.subtext a:…

Post by vczf » Sat, May 16, 2020, 3:29 AM UTC

the_pwner224 wrote: post #137

_bxg1 wrote: post #63

Earlier quoted context omitted.

I like having my display as bright as possible without it being uncomfortable; it helps with readability. On my laptop and phone I'll shift the brightness throughout the day to meet this heuristic, but alas, Windows does not make this trivial with an external monitor. Usually you have to fiddle with the monitor's physical buttons and navigate down into a menu. So I just don't bother.

https://twinkletray.com/ Most desktop monitors have their brightness & other config exposed via the DDC (DDC?) protocol. This is a simple UI that exposes the brightness controls on Windows. Much easier than using the buttons. You might need to go to the monitor's menu and enable DDC if it's disabled by default. On Linux this script works for me: sudo modprobe i2c-dev; sudo ddcutil setvcp 10 $1 &

Post by dhosek » Sat, May 16, 2020, 3:33 AM UTC

DoreenMichele wrote: post #175

dhosek wrote: post #174

I don't get the appeal of dark mode. Do people really like to pretend that they're on a submarine or something?

Some people use it because they have migraines and bright lights trigger their headaches. Some people use it for "stealth" reasons when they want to be online without giving off a lot of light for some reason. Some people are photophobic -- aka light sensitive -- and just favor darker websites generally. There's myriad reasons to want to use dark mode. It's not any one thing.