8 ms·
GitHub Dark – Switch off the lights
- nikolay 10y agoHow is this better than https://userstyles.org/styles/37035/github-dark https://userstyles.org/styles/37035/github-dark, which also carries the same name?
- cquanu 10y agoIt's a different style (CSS). Color is obviously different, different people prefer type of different theme. That's why it's host on userstyles.org. Should i call it GitHub Night instead?
- silverwind 10y agoYes, please find a new name if you can. It's too easily confused with our style otherwise. (I'm a maintainer of above style)
- amarpatel 10y agoThis one is waay better.
- sytse 10y agoGitLab used to have themes that made it dark but we found that this was hard to maintain. New features would look bad in themes that were less popular. Right now you can only change the color and syntax highlighting theme in GitLab: http://i.imgur.com/6v3b0g7.png http://i.imgur.com/6v3b0g7.png
- ocdtrekkie 10y agoColor theme is more than adequate. For business applications there's very little reason to change the design style, but strong reasons to be able to change the colors.
- sytse 10y agoYeah, also helps knowing when you're in staging or production.
- deleted 10y ago[deleted]
- cquanu 10y agoThanks for posting the SS :)
- sytse 10y agoYou're welcome, screenshots are awesome and I love the dropbox function that puts them in a special folder for quick retrieval. Since SS are also my initials (Sid Sijbrandij) I was confused for a second about your comment until I understood you meant ScreenShot.
- caseysoftware 10y agoI like this approach much better. I know most Chrome plugins aren't a problem but it still desensitizes people to the one that might be.
- sytse 10y agoGlad to hear that. I agree every Chrome plugin is a potential security risk. Like awesome screenshot http://www.ghacks.net/2014/08/25/chromes-awesome-screenshot-extension-turns-spyware-here-are-alternatives/ http://www.ghacks.net/2014/08/25/chromes-awesome-screenshot-...
- jobvandervoort 10y agoI'd still love a dark theme in GitLab, but it's just not worth the effort to maintain it. For late-night, in the dark work I often use the darkroom mode of F.lux instead.
- dajohnson89 10y agoIt doesn't seem to work with ZenHub :-(
- shark234 10y agohttp://userstyles.org/styles/37035 http://userstyles.org/styles/37035 does
- michaelmior 10y agoI've been using a different GitHub Dark[0] for quite some time now. One of the best things about it is that it's very well maintained as keeping up with GitHub's own changes in markup and CSS makes things a bit of a moving target. [0] https://github.com/StylishThemes/GitHub-Dark https://github.com/StylishThemes/GitHub-Dark
- jackmaney 10y agoYep, this is clearly the superior theme. The text is much more readable.
- Svenskunganka 10y agoThank you very much Michael! Never thought about this, I just wish there was something that could change sites globally.
- michaelmior 10y agoDeluminate[0] for Chrome does a pretty good job of this. For some sites I find it does better than whatever themes happen to be available on userstyles.org. In other cases, it performs pretty poorly but it's still far better than having to hack together something myself for sites I care about. [0] https://github.com/abstiles/deluminate https://github.com/abstiles/deluminate
- fiatjaf 10y agoI liked this a lot, but it is way too heavy. Almost kills scrolling here, even on super-light sites as HN.
- michaelmior 10y agoInteresting. I haven't experienced any noticeable performance issues at all. My biggest annoyance with it is that it sometimes make horizontal scrollbars appear when they wouldn't otherwise.
- BoysenberryPi 10y agoI love this. Any website where I am expected to spend any decent amount of time needs to have a dark mode. Very surprised so few websites support this.
- cquanu 10y agoThanks for the kind words. I appreciate
- chipperyman573 10y agoSupporting two different CSS templates can add a lot of work, sometimes it's simpler just to officially support one.
- BoysenberryPi 10y agoI understand that and I'm definitely not expecting it from every website but if you have a website that basically depends on me spending a lot of time reading or doing something on that web page then you should try to not make it a horrible experience for me.
- yoz-y 10y agoHm, it seems that the text in the list of notifications is still black. On dark grey background it is not very legible.
- yeowMeng 10y agoI stopped using these types of tools a while ago because I always disliked the bright flash that was created when the page was initially loading but before the plugin was executed. I would always try to take a long blink when I clicked a link lol. Has this problem been solved shy from using lynx/emacs/ect?
- blacksmith_tb 10y agoI haven't tried to work around that problem, but I see at least Firefox appears to allow you to change it from white: browser.display.background_color
- zeveb 10y agoI had a nice dark background and light foreground colour going for a few months but had to end up disabling it. Sadly, a ton of websites assume that text is dark and background is light, and don't specify one or the other in their CSS, so their sites look terrible unless one turns off site stylesheets entirely (in which case their sites look really terrible, but in a completely different way). I really, really hate what the web has become. Twenty years ago I could set my foreground and background colours and everything Just Worked™. Now … forget about it!
- audessuscest 10y agoI recommend using this with Stylish Firefox addon (don't know about Chrome), you won't have this problem
- silverwind 10y agoIIRC, Stylish for Chrome fixed this a while ago and Stylish for Firefox never had this issue to begin with. JS-based styles are still subject to a bit of delay because of script parsing/executing in case you're using those.
- destroyer954 10y agoI don't understand why github doesn't have such option in settings. It would be a lot better than all these 3rd party options.
- hs86 10y agoAnother alternative is Dark Reader[0]. It tries to offer a dark mode for all web sites and depending on the site this works surprisingly well. [0] https://github.com/alexanderby/darkreader https://github.com/alexanderby/darkreader
- lk0nga 10y ago+1 for Dark Reader too. Tried several others available Chrome extensions but they would decrease performance on scrolling or would lack options.
- matt4077 10y agoNot sure how healthy the prevalence of dark themes is. Darkness leads to dilated pupils which leads to a shallow depth of field which leads to constantly adjusting focus – think SLR with a wide aperture. Not sure about the effects, possibly none. Not sure if I want to be part of the experiment.
- PeCaN 10y agoIsn't that more of an effect of ambient darkness? Focusing on something dark doesn't affect one's pupils, as far as I know. Regardless, I've been using a dark GitHub theme¹ and a dark Firefox theme², as well as a variety of other dark themes (e.g. Emacs tao-theme, dark terminal themes, dark Thunderbird) with no ill effects (so far)—on the other hand, my vision is not the best anyway. -- ¹ https://github.com/StylishThemes/GitHub-Dark https://github.com/StylishThemes/GitHub-Dark ² https://addons.mozilla.org/en-US/firefox/addon/ft-deepdark/ https://addons.mozilla.org/en-US/firefox/addon/ft-deepdark/
- dc2 10y agoI don't know why this is trending on HN. It's a sloppy implementation of something that has been done better already. I cringed after installing this.
- _RPM 10y agoReminds me of the Eclipse dark theme.
- sandworm101 10y agoIt is strange that we are all still living an apple marketing decision. Back in the days of green-on-black CRTs, apple decided to make their screens look like the paper it emulated. (A more extreme part of this was the tilting CRT screens to also mimic the aspect ration of paper). The human eye sees light. So reading illuminated text on a dark background is generally easier. But Apple did it first, MS followed, and white backgrounds seem here to stay. It took some googling because I didn't know the terminology, but this is what I am talking about: A "Pivot" screen for the Mac by Radius. http://lowendmac.com/wp-content/uploads/radius-pivot-display.jpg http://lowendmac.com/wp-content/uploads/radius-pivot-display... Another example of this is street signs. The oldest sign standards (speed limits, street names) are black text on white backgrounds. But the newer ones (highway information signs) are normally white on a dark green background, which is much easier to read at night.
- rpgmaker 10y agoAnd protects your eyesight too. I couldn't live without the 'Negative' Compiz plugin which I use as a workaround for the many applications that don't have a "Night mode".
- sandworm101 10y agoAnd is easier on people with limited vision. And is better for mobile devices at night as it maintains night vision. And saves on electricity (a tiny tiny bit). There is no downside, which is why I laugh at why we still expect everything to be white.
- stevetrewick 10y ago>And is easier on people with limited vision This is an unfortunately common misconception. Sometimes yes, sometimes not. It is highly dependent on condition, in particular with what part of the field is obscured/impaired. I lack around 90% of my FOV - no central vision - resulting in ~20/200 acuity and while I find black on white to be incredibly discomforting I also don't get on with many 'high contrast' dark schemes. At the same time many of my friends with similar acuity but different conditions would be driven screaming from the room by some of my color scheme choices. The contrast/color sweet spot varies (anecdotally, at least) greatly across both conditions and individuals.
- michaelmior 10y agoMy biggest annoyance when it comes to dark themes is with Chrome. Whenever I open a new tab even though my new tab page is black I still get a bright flash of full white for a couple seconds before the new tab page renders.
- DavideNL 10y agoExactly, I have the same problem in Firefox - very annoying. I searched for a solution (turning the background black) but didn't find one yet.
- torg 10y agoThis userstyle fixed the white flash problem in Firefox for me: https://userstyles.org/styles/44928/dark-grey-firefox-about-blank-about-newtab https://userstyles.org/styles/44928/dark-grey-firefox-about-...
- iza 10y agoThis has been an issue forever but it is finally being worked on https://bugs.chromium.org/p/chromium/issues/detail?id=21798 https://bugs.chromium.org/p/chromium/issues/detail?id=21798 https://bugs.chromium.org/p/chromium/issues/detail?id=470669 https://bugs.chromium.org/p/chromium/issues/detail?id=470669
- michaelmior 10y agoAwesome! Thanks for the pointers :)
- fiatjaf 10y agoWhy can't Stylish sync my styles to multiple computers?
- PeCaN 10y agoSign in to Firefox sync? It works for me. shrug
- zeveb 10y ago> Sign in to Firefox sync? Only do that if you don't mind that it is completely insecure. The password you sign in is used to encrypt the master key for your account (which means that if you can remember your password, Mozilla can decrypt your synced data). Worse, the login code is JavaScript served from Mozilla's servers, so they can at any time target one a send one's password anywhere they wish.
- pritambaral 10y agoThen host your own Firefox-Auth-Server and Firefox-Sync-Server. At least Mozilla has open-sourced those repos, and made their browsers capable of connecting to custom servers with a simple configuration change. But hey, you'd still be running Mozilla's code in and as your browser. As you say, they can "decrypt your synced data" and "at any time target one a send one's password anywhere they wish" even if you self-host the sync and auth servers. But at least Mozilla has a history of standing for the consumer and protecting user rights. And Firefox is perhaps the only browser that allows hosting your own sync and auth servers without having build your own copies of the browser.
- zeveb 10y ago> Then host your own Firefox-Auth-Server and Firefox-Sync-Server. Only a server which you physically control — if it's in the cloud, it could be tampered with without your knowledge. And you must still use a high-entropy, unmemorable password. > But hey, you'd still be running Mozilla's code in and as your browser. There's a difference between trusting code at a point in time and trusting every single response ever. Sneaking a trojan into code which is visible to the world is hard; sneaking a trojan into a single targeted response is easy. > But at least Mozilla has a history of standing for the consumer and protecting user rights. Sure, but that doesn't protect you against a single bad employee or against any government which Mozilla is subject to. > And Firefox is perhaps the only browser that allows hosting your own sync and auth servers without having build your own copies of the browser. Yes, and I appreciate that. What really hurts is that Firefox used to have great sync security. I ran my own sync server for years, and was very happy with it. But when they revised the protocol they destroyed its security. Firefox Sync is unacceptable for password storage (as is every other sync system of which I'm aware). It's a distressing situation.
- gshulegaard 10y agoThis was completely unusable for me. I do commit reviews using side-by-side view and the dark theme here didn't have styles for the changed line highlights causing them to appear in original white. This dark theme, however, did work: https://userstyles.org/styles/37035/github-dark https://userstyles.org/styles/37035/github-dark
- nikolay 10y agoAll sites should support a dark low-blue-light theme. Maybe this should be some ergonomic standard. I've been using f.lux since its release, but it's still awkward to have those bright white sites when working at night.
- bArray 10y agoIs there a reason why this isn't an add-on to something like grease monkey? Just simply inject a little script into the page if the URL is GitHub and change the styles there? I don't normally personally do anything web wise but I've heard grease money is good? I haven't added this to my browser, but how well does it display code too?
- DavideNL 10y agoThe addon for Firefox is Stylish https://addons.mozilla.org/en-US/firefox/addon/stylish/ https://addons.mozilla.org/en-US/firefox/addon/stylish/ In Stylish, install this theme https://userstyles.org/styles/128271 https://userstyles.org/styles/128271 or this one http://userstyles.org/styles/37035 http://userstyles.org/styles/37035
- Rumudiez 10y agoAlso known as "poor contrast simulator 2016" When designing an inversion its important to increase contrast to maintain a perceived equivalence in overall dynamic range with the original. Typography is affected, as well, in that the darker color is dominant over the brighter which results in small negative spaces seeming smaller and large ones larger. A slight increase in tracking and a reduction in word spacing is the typical approach for setting inverted type to maintain both legibility and readability.
- freshyill 10y agoThe contrast in this is terrible. Light gray on darker gray is not going to make this easier for most people to read.
- TheRealGL 10y agoGitHub should give this guy a bunch of cash and make this an option in the app.
- cquanu 10y agoHi guys, I'm very committed to work hard on this dark theme. Hope you guys like it. If you find any bugs/problems, please tell me. I'll release a fix within 24 hours. Appreciate all positive and negative feedback.
- dre_bot 10y agoThis shit is beautiful. Never going back to white Github.