6 ms·
Show HN: DarkHN – Dark Mode Mirror for Hacker News
- crackercrews 5y agoNice. Could you change the favicon to be a Y on a dark background?
- cmclaughlin 5y agoLooks great!
- Agentlien 5y agoOn 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.
- deleted 5y ago[deleted]
- user3939382 5y agoI 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.
- miles 5y agoWould love to see this available natively here on HN. The last dark mode request thread I recall garnered 780 points: https://news.ycombinator.com/item?id=23197966 https://news.ycombinator.com/item?id=23197966
- sneak 5y agoAs 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.
- miles 5y agoI, 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 https://superuser.com/a/319322/38084 ). ¹ I arrived at these few lines for my simple site: @media (prefers-color-scheme: dark) { body {background: #222b39;color: #e1dfdc} input,textarea {background: #333;color: #e1dfdc;border: 1px solid white}} though HN likely requires a far more skillful and circumspect approach, e.g., https://news.ycombinator.com/item?id=23199649 https://news.ycombinator.com/item?id=23199649 .
- gpm 5y ago> prefers-color-scheme: dark How do I convince my browser (firefox, typically) to set this? Is there a way to toggle it on and off?
- ORioN63 5y ago> 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] [1] https://news.ycombinator.com/item?id=21196903 https://news.ycombinator.com/item?id=21196903
- drdavid 5y agoI just use Stylish or Stylus and apply a darker userstyle.
- plibither8 5y agoShameless self-plug: I built Refined Hacker News[0], a browser extension, that allows one to set custom CSS and has a default preset for dark-mode :). [0]: https://github.com/plibither8/refined-hacker-news https://github.com/plibither8/refined-hacker-news
- FlashBlaze 5y agoEasily one of the best add-ons I've installed. Thanks.
- Krasnol 5y agoFrom 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 https://i.imgur.com/DPEn3b6.jpeg I have dark mode on.
- plibither8 5y agoThanks Krasnol :) 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 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 :)
- Krasnol 5y agoAh yeah that's it. I forgot you can set up things there after I've installed Dark Reader. Thanks :)
- plibither8 5y agoAwesome, glad I could help!
- aye01 5y agoan alternative i recommend is the Dark Reader extension that makes all my websites dark mode in general.
- deleted 5y ago[deleted]
- vesche 5y agoI use Stylus and this stylesheet: https://userstyles.org/styles/22794/a-dark-hacker-news https://userstyles.org/styles/22794/a-dark-hacker-news 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/ https://darkreader.org/
- adrusi 5y agoDark 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.
- Accacin 5y agoI 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.
- codefined 5y agoDefinitely 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)
- Jiocus 5y agoI'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. [1]: Theme generation modes, https://darkreader.org/help/en/#filter-settings https://darkreader.org/help/en/#filter-settings
- ZuLuuuuuu 5y agoOn my desktop Chrome, I use "HN Enhance" extension. It works pretty good. 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.
- k4ch0w 5y agoGreat coloring I really like it :-D
- DavideNL 5y agoTry 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.
- brundolf 5y agoiOS Safari lets you zoom on HN, and also let's you turn off "request desktop sites" in settings which might help the small text
- messutied 5y agoIs 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.
- philbo 5y agoWill you be implementing `/classic`?
- aussieguy1234 5y agoIf you like this you can also try Dark Reader, available as an extension for Chrome and Firefox. It'll make every website render in dark mode.
- guidopallemans 5y agoI 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.
- totetsu 5y agoPart of me was hopping this would be a Black Mirror mode for Hacker News.
- markjgx 5y agohckrnews.com + DarkReader. DarkReader is such a good extension, couldn't live without it!
- Retr0spectrum 5y agoWhile it's certainly aesthetically pleasing, personally I find the link text too low-contrast. I think it should be slightly brighter. I normally prefer and use dark-mode UIs, but this one is actually slightly harder for me to read.
- ericlewis 5y agoSuper cool! I did this same thing use cloudflare to change the CSS on the fly.
- 0xfaded 5y agoMissed opportunity for "darkernews"
- throwaway45209 5y agoThis looks really good.
- 1MachineElf 5y agoI hope HN's default look will never change.
- anishjain2000 5y agoAre you using HN api
- EMM_386 5y agoI use "Hacker News Readable Dark" along with Stylish. It works great. https://i.imgur.com/OUmTmP8.jpg https://i.imgur.com/OUmTmP8.jpg
- wishinghand 5y agoPerhaps also make the font size a bit more readable? 10pt is pretty unfriendly to even 20/20 vision.
- deleted 5y ago[deleted]
- partomniscient 5y agoI prefer dark modes generally and don't mind the look of this one. But it amused me that one of the posts currently on the front page: Drunk Post: Things I've learned as a Sr Engineer [1] Mentions this: Dark mode is great until you're forced to use light mode (webpage or an unsupported app). That's why I use light mode. and self-illustrates this beautifully (unless you have dark-mode on reddit already). ...although its also why you need a Dark mode for HN if you're coming from Reddit. I guess I get the Sr Engineers point. [1] https://old.reddit.com/r/ExperiencedDevs/comments/nmodyl/drunk_post_things_ive_learned_as_a_sr_engineer/ https://old.reddit.com/r/ExperiencedDevs/comments/nmodyl/dru...
- brundolf 5y agoIn my day to day life, HN is the main place where I'm jarringly "forced to use light mode". It's blinding when I tab over while playing a PC game in the evenings
- xtrp 5y agoThank you all for the feedback and support for DarkHN. I'll be working on fixing some of the bugs on the application (unexpected 403 errors, low contrast, etc). If you're interested in the code or would like to contribute, take a look at the GitHub repo: https://github.com/xtrp/darkhn https://github.com/xtrp/darkhn For those interested, it's written in Node.js with a simple Express.js server. More info is available on the repo. Thank you all again for taking a look at this project! — Gabriel