Note: Telling me to load up some browser extension to handle it is a bit silly as it requires me to implicitly trust the author of said extension which will see and have access to virtually everything on every website I enable it for.
All thoughts and criticisms of this statement are welcomed.
Viva la Dark Mode!
A bright white website after dark is a great way to disrupt your melatonin production and affect your ability to fall to sleep.
Dimming your phone brightness does not help sufficiently at all. In a dark room it's still like a relative flashlight in your eyes.
This should not be such a head scratcher to understand.
I don't think that's true: https://time.com/5752454/blue-light-sleep/
This is a pet peeve of mine precisely because of the first line in that article:
> It’s become a virtually unchallenged piece of conventional wisdom that exposure to blue light—the type emitted by electronic device screens—is bad for sleep.
The argument is that dark mode is needed to tackle the problem of blue light messing with your melatonin. However, this has not only never been proven, there are studies to the contrary:
https://time.com/5752454/blue-light-sleep/
Moreover, dark mode hurts my eyes and does the opposite of the other purported benefit.
Screens induce anxiety after long periods of usage, and it has nothing to do with the colour of the light. If you're reading your phone in bed before sleep, you have bigger problems.
Personally, I can't stand light-on-dark interfaces and turn them off wherever I can, although that may be because I have an astigmatism and dark interfaces supposedly cause problems (although I'm not convinced that's the reason in my case).
I have my devices setup to switch automatically by hour of day. Sometimes I switch manually when I want to.
Dark mode myths are summarized here: https://www.wired.co.uk/article/dark-mode-chrome-android-ios...
That's rather dismissive and ablest. I need high contrast. Dark background and bright text allow me to view the content. Screen brightness plays a role here too, but it's used to enhance the contrast, not compete against it.
I do however use dark mode when reading in bed and wish there was a pdf reader that did it.
one day, when i was about 42 years old, sitting on a ferry on a very sunny day, i could hardly see my MacBook screen. switched to light mode and while the image was still a bit faint, it became totally readable.
I'm not using anything in dark mode ever since.
I use to prefer light mode exclusively, but my eyes feel more comfortable with dark mode as I get older.
The inverse is much easier to read for me.
news.ycombinator.com##html:style(filter:invert(100%) hue-rotate(180deg))
news.ycombinator.com##body:style(background: white)
news.ycombinator.com##div.toptext:style(color: black)
news.ycombinator.com###hnmain td[bgcolor="#000000"]
edit: "rules" -> "filters"
news.ycombinator.com##body:style(background: black)
news.ycombinator.com##td:style(color: #fafafa !important)
news.ycombinator.com##table:style(background-color: #120F0D)
news.ycombinator.com##div.toptext:style(color: #fafafa)
news.ycombinator.com##span.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: #fafafa !important; background: inherit; )
news.ycombinator.com###hnmain:style(background: #120F0D !important)Just need the Stylus extension for your browser.
I've gone through every different feature on HN to tweak the colors, including details like down voted comment colors and obscure things like the special colors at Christmas.
You should start tinkering with embedded webservers then (civetweb, etc)! Even embedded devs should learn web tech because often browsers are the easiest way to interface with router/modem settings, IoT settings, etc.
In this case "##" is uBlock filter syntax. Basically "news.ycombinator.com##html:style(filter:invert(100%) hue-rotate(180deg))" means "if the host matches news.ycombinator.com inject the following CSS"
Here's the docs if you want to rtfm: https://github.com/gorhill/uBlock/wiki/Dashboard:-My-filters
In this case I believe we are dealing with "cosmetic filters": https://github.com/gorhill/uBlock/wiki/Procedural-cosmetic-f...
i can't read dark mode as well as light mode, but thanks for the advice!
I have it setup to enable according to the system. Also, I use the whitelist mode, so I enable on specific websites instead of having it enabled for every one automatically.
It's available on mobile via Firefox for Android!
i prefer hc.yc and hckrnews.com in static.
And probably a dozens more with 100+ comments and hundreds more with a few comments.
At this point I have simply given up.
I'm going to work on implementing the CSS changes when I get bored. If that's the only thing standing between a bunch of hackers and dark mode on the hacker news website, I'm going to be very disappointed ;)
And dark mode is most important/applicable when browsing on your phone before bed.
Ideally HN would just follow the user's dark mode OS-wide setting.
Are you on iOS?
If the extension asks for permissions to all websites instead of just this one, then yes.
Also, "hackers" fix things like this themselves.
Also also, I may be reacting strongly to this because I don't like dark mode, or the assumption that I should because I'm a "hacker".
I apologize for the implication, it was not on purpose.
I was sorry to learn that this feature request hasn't seen much traction. However @ksec gave me an idea by linking me to an earlier thread on this very same topic in which somebody suggested that we just create a patch for the existing news.css file.
Not sure why this thread got flagged, but I took it upon myself to create a patch for the existing news.css file as well as producing a new news.css file with dark mode support:
Patch: https://pastebin.com/Gwq5WSwX
Full File Pre-Patched: https://pastebin.com/Nd7JDLLT
Again, all thoughts and criticisms of this work will be welcomed.
Please help those of us with a dark mode preference enjoy this website more by implementing these changes (after a proper code review of course, as I would expect nothing less from fellow hackers)
Certainly not all hackers like dark modes. But I doubt anyone would object to such a thing existing as an option.
Not all programmers like dark mode. Some people with astigmatism have problems with dark mode.
Dark Mode Isn’t ‘Easier on the Eyes’ for Everybody (2019) https://www.vice.com/en/article/ywyqxw/apple-dark-mode-eye-s...
Extract:
> As Gizmodo wrote in 2014, citing research by the Sensory Perception and Interaction Research Group, at University of British Columbia, white backgrounds act as a "crutch" for astigmatic eyes: "People with astigmatism (approximately 50% of the population) find it harder to read white text on black than black text on white."
I understand why it's kept simple but for a tech related forum it's suprisingly clunky.
Stylus https://chrome.google.com/webstore/detail/stylus/clngdbkpkpe...
Hacker News Dark Theme https://uso.kkx.one/style/191917
I call it `links https://news.ycombinator.com/item?id=36342085`
Oh and don't tell me you're a hacker if you've never tried Hacker News in the terminal emulator. Dark, Perfectly dark, Green-dark \o/
Works for me.
I submitted it to HN: https://news.ycombinator.com/item?id=23203347
Also, the dark mode is extremely hard to read for some people (specially older people).
It causes you pupil to dilate (less light on the eyes) and shifts the focus point on the retina slightly.
Don't get me started on transparencies...
instead of forcing everything to be configured for dark theme, it would be a lot simpler to just drastically lower the brightness at night and keep using light themes.
one trick is to lower the brightness slightly dimmer than comfortable and let your pupils take 2-3 seconds to adapt.
another trick, on iOS/macOS, if you combine this with true tone and night shift, then your eyes will be strained even less!
Provided you're a web developer, of course.
https://i.imgur.com/b08pZev.png
* https://addons.mozilla.org/en-US/firefox/addon/styl-us/ Stylus Button > Manage > Write New Style > Import
* https://gist.github.com/Zren/d025e06754bb2e0a7de0036fb2eee3f...
I personally disable all extensions except uBlockOrigin from auto-updating. If they break, then that prompts me to re-check if they're legit or if they've been bought out (like Stylish) before updating.
Also my CSS for hckrnews.com (my preferred homepage UI): https://pastebin.com/SLRrY9gn
Looks like this: HN - https://i.imgur.com/P6rDgR8.png hckrnews.com - https://i.imgur.com/HfjOAYW.png
