On PC I'm using a TamperMonkey script to replace the css with a dark mode theme I spent about half an hour putting together. I'm delighted to see that this looks very similar.
I switched to Firefox on iOS because it has a simple toggle to change all sites to dark mode. I can’t imagine going back to Safari without this feature.
As cool as new features would be, I sort of love the HN approach to feature creep (or even just feature addition, as distinct from "creep"). It's such a welcome change compared to other websites and apps.
I, too, appreciate HN's reluctance to add new features, and have zealously followed the same approach in maintaining my own tiny corner of the web for two decades.
But dark mode offers such immense retinal relief that a few lines of CSS¹ does not seem too unreasonable, especially since it means not having to trust third party extensions to do the job (though Firefox supports site-specific CSS rules natively: https://superuser.com/a/319322/38084 ).
¹ I arrived at these few lines for my simple site:
> In Firefox you can add "ui.systemUsesDarkTheme" as an integer in about:config and set it to "0" for forced light or "1" for forced dark. This setting changes what is reported by the media query, you can still set your OS and/or browser theme independently. You will need to restart Firefox to apply the setting. [1]
I find it offensive there's no dark mode. It's discrimination against people with a vision disability. It's a small and insignificant change on their part, could be made in 5 mins.
Yes. And as is often the case, those unaffected or unaware have difficulty empathising with sufferers. (And so on it goes with anyone disadvantaged for any reason in society.)
Most major purveyors of UI have somehow recognised the importance of offering a dark mode - I guess they all just did it for a lark? At this point, HN's refusal is wilful.
Sure, plenty of annoying ways around it for each affected person to figure out - or one tiny change to the God-like and permanently-infallible UI of HN. All hail!
This is why it's basically illegal for businesses to ask someone to prove they need their service animal.
It's annoying as duck to 1.) have a disability in the first place and 2.) have every random person ever acuse you of lying about it for literally no reason.
I know "could be made in 5 mins" is an exaggeration, but there's a very real long-term cost to adding thematic options like dark mode that HN just might not want to take on.
Any time you split your UI (for example, light mode and dark mode), it effectively doubles/multiplies all future UI testing you do from then on out (testing all new views/features on both light and dark mode). It can also add additional strain on bug reports / support, since you no longer know what UI configuration a particular user might've been using when they complained about something.
Slightly less of an issue on a site like HN where the UI is somewhat simple and static and changes happen at alligator speed, but still a long-term commitment to make (as opposed to 5 min of dev time).
(In case it isn't obvious, I'm a little salty about how much time I still spend testing/fixing my own site changes in dark mode over a year after adding it.)
> it effectively doubles/multiplies all future UI testing you do from then on out
I agree it takes more time but isn't double an exaggeration? New features would presumably reuse light/dark UI components you've already tested. And are they really that likely to behave unexpectedly?
It's funny how developers will boast "it'll only take 5 mins" when they're not the ones having to code it though.
From all those addons and mods I've seen for this page, this is really the best one. Thank you.
I have one minor issue though: the top bar (with new threads past etc.) is white with the text almost white too. Makes it unreadable. I'm not sure if this is somehow my fault or if it comes from the addon: https://i.imgur.com/DPEn3b6.jpeg
This is an interesting issue. What color is your "topbar" configured to? You can check it under your profile settings: https://news.ycombinator.com/user?id=Krasnol. It could be that the topcolor that you've set is a dark color, and the CSS inversion makes it light, thus conflicting with the text color.
If this is still a problem, please do open an issue on the GitHub repository, I'll happily look into it :)
Works great for me. I use dark themes via Stylus for most of the common websites I visit like HN, GitHub, StackOverflow, etc. All other websites that cause me to squint I just toggle Dark Reader: https://darkreader.org/
Dark reader works unreasonably well.it has done more than any other project to restore some degree of visual consistency to our computer screens in the age of web apps.
I tried it a while back in Firefox and after a a few days I noticed memory usage in Firefox was going way up and whenever I opened dev tools everthing would slow down drastically. Removed the addon and everything went back to normal.
Anyone getting these types of issues still? I would love to start using it again.
Definitely slower than something that has a pre-defined stylesheet, e.g. Stylus. Does occassionally cause graphical issues (say, below 0.05% of websites I visit, once a month?) that means I have to toggle it off for that site.
Still use it because the speed / memory different isn't noticeable on most modern laptops / desktops. Even my phone uses it now as it's quick enough with the 'dynamic' update they made (toggle onto it under the 'more' section)
I'm a happy Dark Reader user. The issue you experienced could be related to which type of ‘filter’ you used. The four different kinds, Filter, Filter+, Static and Dynamic approach re-theming in different ways that varies in resource use[1].
For example, Filter ”requires GPU resources”, while Filter+ “works poorly in Firefox”. Dynamic pays up-front on first pageload, but subsequent pageloads should be lean.
Performance has improved somewhat, at least using the dynamic mode. I think largely through more effective caching. I use it even on my phone these days.
Try to read HN in Firefox on iOS, on an iPad 12’9.
It’s impossible to read due to the tiny text size. You can’t zoom text in Firefox-iOS either… combined with no dark mode it’s a terrible user experience.
Is there any browser on iPhone that allows custom CSS/JS? Last time I checked I couldn’t find a way, all I wanted was to set a dark then to HN, without having to visit another website.
I used to have this extension, until I noticed the tiniest changes to pages even when the extension was "disabled". Ironically, I distinctly remember looking for the dark/light mode switch on hackmd.io and couldn't find it. Only when I uninstalled the extension did the whole page become usable again.
Generally I like the extension though, I still use it on my phone.
70 comments
[ 2.7 ms ] story [ 140 ms ] threadBut dark mode offers such immense retinal relief that a few lines of CSS¹ does not seem too unreasonable, especially since it means not having to trust third party extensions to do the job (though Firefox supports site-specific CSS rules natively: https://superuser.com/a/319322/38084 ).
¹ I arrived at these few lines for my simple site:
though HN likely requires a far more skillful and circumspect approach, e.g., https://news.ycombinator.com/item?id=23199649 .How do I convince my browser (firefox, typically) to set this? Is there a way to toggle it on and off?
[1] https://news.ycombinator.com/item?id=21196903
The other is the better signal/noise ratio.
I whole heartedly want dark mode HN but your comment seems insincere and hyperbolic.
Most major purveyors of UI have somehow recognised the importance of offering a dark mode - I guess they all just did it for a lark? At this point, HN's refusal is wilful.
Sure, plenty of annoying ways around it for each affected person to figure out - or one tiny change to the God-like and permanently-infallible UI of HN. All hail!
It's annoying as duck to 1.) have a disability in the first place and 2.) have every random person ever acuse you of lying about it for literally no reason.
Any time you split your UI (for example, light mode and dark mode), it effectively doubles/multiplies all future UI testing you do from then on out (testing all new views/features on both light and dark mode). It can also add additional strain on bug reports / support, since you no longer know what UI configuration a particular user might've been using when they complained about something.
Slightly less of an issue on a site like HN where the UI is somewhat simple and static and changes happen at alligator speed, but still a long-term commitment to make (as opposed to 5 min of dev time).
(In case it isn't obvious, I'm a little salty about how much time I still spend testing/fixing my own site changes in dark mode over a year after adding it.)
I agree it takes more time but isn't double an exaggeration? New features would presumably reuse light/dark UI components you've already tested. And are they really that likely to behave unexpectedly?
It's funny how developers will boast "it'll only take 5 mins" when they're not the ones having to code it though.
[0]: https://github.com/plibither8/refined-hacker-news
I have one minor issue though: the top bar (with new threads past etc.) is white with the text almost white too. Makes it unreadable. I'm not sure if this is somehow my fault or if it comes from the addon: https://i.imgur.com/DPEn3b6.jpeg
I have dark mode on.
This is an interesting issue. What color is your "topbar" configured to? You can check it under your profile settings: https://news.ycombinator.com/user?id=Krasnol. It could be that the topcolor that you've set is a dark color, and the CSS inversion makes it light, thus conflicting with the text color.
If this is still a problem, please do open an issue on the GitHub repository, I'll happily look into it :)
Thanks :)
Works great for me. I use dark themes via Stylus for most of the common websites I visit like HN, GitHub, StackOverflow, etc. All other websites that cause me to squint I just toggle Dark Reader: https://darkreader.org/
Anyone getting these types of issues still? I would love to start using it again.
Still use it because the speed / memory different isn't noticeable on most modern laptops / desktops. Even my phone uses it now as it's quick enough with the 'dynamic' update they made (toggle onto it under the 'more' section)
For example, Filter ”requires GPU resources”, while Filter+ “works poorly in Firefox”. Dynamic pays up-front on first pageload, but subsequent pageloads should be lean.
[1]: Theme generation modes, https://darkreader.org/help/en/#filter-settings
https://github.com/ale0sx/hackernews-dracula
Looks like this: https://imgur.com/a/d7PSU96
Based upon: https://userstyles.org/styles/166661/orb-s-dark-hacker-news-... with bunch of my own adjustments and improvements
Reading the comments here, a lot of people use various extensions to achieve dark mode, so maybe it is time that HN implements this natively.
Generally I like the extension though, I still use it on my phone.
I normally prefer and use dark-mode UIs, but this one is actually slightly harder for me to read.
It works great.
https://i.imgur.com/OUmTmP8.jpg