I think SO should implement dark theme. All major interfaces have a dark theme because it's better for the eyes.
Update March 2020: After almost five years: it is here. Stack Overflow introduces Dark Mode beta. This appears to be for the main StackOverflow site only, but not any of the other sites. If you want a dark theme for other StackExchange sites, you may still want to try the browser extension below.
If you prefer browsing Stack Overflow with a dark theme (I do!), you can tell your browser to do so using Stylus - an extension available for Firefox, Chrome, and Opera. Stylus lets you apply any theme you want to any site.
For browsing Stack Overflow I really like this dark theme.
To use:
- Install Stylus for your browser (Firefox / Chrome / Opera)
- Click to install the CSS file from GitHub, which will open it in Stylus (or visit the GitHub page and click on "Install the usercss" if you prefer)
- In the new Stylus window, click "Install style" on the left:
(if you don't see a big green button - make sure you have JavaScript enabled)
Preview of Dark Theme:
SECURITY NOTE: Previously there was an extension named "stylish" instead. Stylish has now turned into spyware and tracks your browser history. I do NOT recommend using it. Use Stylus. It is a clean, forked version with no tracking. See the Stylus GitHub FAQ for details.
-
7So how long are you with dark theme? How does it feel? I can't stand 5 minutes with a dark theme when it comes to reading. Sorry, I am just curious, I see sometimes people say to use it still, but I don't get it. – Mikhail V Jan 26 '16 at 12:00
-
14Problem with that is that I can't install any extension not allowed by my admin, and they don't seems to bother about that. – Rafiki Feb 27 '17 at 13:04
-
2That one specifically actually seems to cause more eye strain that the normal style, which is exactly the problem I'm trying to solve with a dark theme in the first place. I would probably write my own if I were more committed to Stack Overflow. – Bernhard Barker Jul 29 '17 at 15:26
-
122
-
7Nice extension, but I don't understand, how can you turst it and allow to "Read and change all your data on the websites you visit"? – RedEyed Apr 8 '18 at 1:17
-
5Unfortunately, Stylish is spyware, try googling "stylish spyware". – styrofoam fly Jul 4 '18 at 16:06
-
15Consider using Stylus instead, as stylish was just pulled from all major addon distributors for spying on users. – Insomniac Jul 8 '18 at 9:47
-
9The reviews for Stylish are just pages and pages of people saying it steals your browsing history. – Kulahan Jul 19 '18 at 18:47
-
1@styrofoamfly (and Insomniac and Kulahan) Thank you very much for the notice! I have edited the answer to point to Stylus instead. – culix Jul 21 '18 at 4:04
-
4The link for the theme you mentioned should be: github.com/StylishThemes/StackOverflow-Dark (not StylusThemes) – jhscheer Aug 1 '18 at 13:41
-
2
-
2@styrofoamfly did you suggest to use one of the biggest industrial information collectors to search about a spyware? I find it a bit ironic. Yeah stylish steals your browsing history, google tracks it in real time yet people have no issue with that, what's the difference again? (not arguing in favour of spyware, just wanted to point out how google isn't much different, it just does it after saying it will in an agreement no one reads) – Barnack Mar 15 '19 at 0:27
-
3@Andrew Truckle, yes, Microsoft Docs aka MSDN does provide Dark Mode out-of-box, as well as many other popular apps — Windows, Office, Chrome, Skype, IDEs, Media Players and many others. – Mike B. Mar 25 '19 at 15:35
-
1Installing the extension evidently fixes Stack Overflow but breaks other Stack Exchange sites. The only solution is to actually implement a native dark theme. – twinlakes Apr 18 '19 at 0:06
-
7Finally, after years of waiting, it arrived: stackoverflow.blog/2020/03/30/… – k0pernikus Mar 30 '20 at 17:12
Chrome 78 has automatic dark mode behind the #enable-force-dark flag.
- Visit chrome://flags
- search for #enable-force-dark.
- Enable it
This enable inverted dark colors everywhere and certainly works well for Stack Overflow
-
2
-
1
-
1
-
-
-
2@blex That's only for SO. If you want meta, SO.blogs and other network sites to match, you need to use the flag until Dark Mode is network-wide. – mbomb007 Mar 30 '20 at 19:29
-
1
There are many browser extensions that will do the trick very nicely. Search for "dark reader" followed by your browser.
Here are a couple of examples.
https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh/related?hl=en (Chrome)
https://addons.mozilla.org/en-GB/firefox/addon/owl/ (Firefox - screenshot below)
A slight downside is you might need to turn off the extension for sites with naturally black backgrounds such as jsfiddle.
-
5
-
For modern Firefox (Waterfox Classic included) you can use the extension "Dark Reader" by Alexander Shutau works perfectly addons.mozilla.org/en-GB/firefox/addon/darkreader Whereas for legacy Firefox as Palemoon there is a extension "Advanced Night Mode" addons.palemoon.org/addon/advanced-night-mode – Daniel Perez Feb 18 '20 at 12:24
If you're in a Windows OS you can always activate high contrast and use Edge or Internet Explorer 11.
-
89I believe this answer got so many down votes just because the sentence contains "Internet Explorer". – arcticwhite Oct 29 '18 at 9:20
-
9
-
7@Reishin unfortunately people who didn't ever even try newer versions of IE keep blaming it for IE 6 faults. – Barnack Nov 6 '18 at 19:48
-
18@Reishin IE11 is also a dead browser that only receives critical security patches. – TylerH Feb 7 '19 at 15:13
-
11IE11 is also a very very bad browser for just about everything. Just look at compatibility tables. – Sv443 Feb 18 '19 at 8:27
-
@Sv443 just open it and navigate the internet, i've yet to find any website with issues unless the website itself has a dummy page that says "use another browser", and once you bypass it the website works perfectly fine. – Barnack Feb 20 '19 at 0:33
-
1
-
11
-
1@victorf OP asked for a dark theme, not a night theme. High contrast can be made to a dark theme. A night theme is totally different and generally involves just reducing the amount of blue light. – Barnack Mar 25 '19 at 22:50
-
1As a frontend / backend developer I have spent tremendous amount of time making my UI works on IE 11. They already have retarded standards, but they aso have the crappiest developer tools. In other words, IE 11 is still IE – Vinz243 Jun 20 '19 at 13:08
-
SO, IE, light theme should never coexist in the first place. There is a reason why our IDE / editor has a dark theme! – Moses Aprico Jan 9 '20 at 20:17
A huge improvement could be achieved just by changing the #FFFFFF
background color for something like #F0F0F0
, which requires minimum effort but has great impact after a few hours of usage. Also, this would not bother any light-theme lovers!
I know this is not a dark-theme at all, but it's a nearly-effortless way of reducing eye-strain for the users without having to fully support a 2nd theme.
-
14
We have no plans to maintain two different styles for Stack Overflow at this time.
Update: no changes as of when I'm writing this in 2019. I personally would love to have a dark theme, but at the moment we don't have the resources to create and, more importantly, maintain one. (And that's even without thinking about all the other sites beyond Stack Overflow.)
See this issue in our design library's repo for more context/discussion.
-
@Adam Lear Would adding support for
@media (prefers-color-scheme: dark)
be an option? – user3071284 Jul 26 '19 at 21:01 -
3@user3071284 That's basically the same thing as having a dark mode minus us tracking the user's preference on our end, isn't it? – Adam Lear♦ Jul 26 '19 at 21:09
-
Indeed, it's not trivial, and to allow the user to choose, that would have to be tracked by SO. I was thinking only a subset of colors would have to be given the dark/light dichotomy and some colors would work with either as-is or could be identified to do so. See: developer.mozilla.org/en-US/docs/Web/CSS/@media/… – user3071284 Jul 27 '19 at 14:41
-
2If I might offer a suggestion... Chrome has a new auto-darkness switch, so you'll soon get a dark mode, even if you didn't ask for it, even if you don't test it. My suggestion is that you either accept it as a fait accompli and add it to your testing regime, or else you try a somewhat rude override, e.g.
@media (prefers-color-scheme: dark) {}
to disable it completely. – arnt Oct 20 '19 at 15:41
xcalib -i -a
– user2987828 Apr 7 '20 at 10:44