I think SO should implement dark theme. All major interfaces have a dark theme because it's better for the eyes.
6 Answers
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. Jan 26, 2016 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.– RafikiFeb 27, 2017 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. Jul 29, 2017 at 15:26
-
128
-
8Nice 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"?– RedEyedApr 8, 2018 at 1:17
-
5Unfortunately, Stylish is spyware, try googling "stylish spyware". Jul 4, 2018 at 16:06
-
15Consider using Stylus instead, as stylish was just pulled from all major addon distributors for spying on users. Jul 8, 2018 at 9:47
-
10The reviews for Stylish are just pages and pages of people saying it steals your browsing history.– KulahanJul 19, 2018 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.– culixJul 21, 2018 at 4:04
-
4The link for the theme you mentioned should be: github.com/StylishThemes/StackOverflow-Dark (not StylusThemes)– jhscheerAug 1, 2018 at 13:41
-
2What about Safari?– user5306470Dec 19, 2018 at 0:00
-
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)– BarnackMar 15, 2019 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.– MikeMar 25, 2019 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. Apr 18, 2019 at 0:06
-
7Finally, after years of waiting, it arrived: stackoverflow.blog/2020/03/30/… Mar 30, 2020 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.– mbomb007Mar 30, 2020 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 Feb 18, 2020 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".– sharpOct 29, 2018 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.– BarnackNov 6, 2018 at 19:48
-
18@Reishin IE11 is also a dead browser that only receives critical security patches.– TylerHFeb 7, 2019 at 15:13
-
11IE11 is also a very very bad browser for just about everything. Just look at compatibility tables.– Sv443Feb 18, 2019 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.– BarnackFeb 20, 2019 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.– BarnackMar 25, 2019 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– Vinz243Jun 20, 2019 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! Jan 9, 2020 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? Jul 26, 2019 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? Jul 26, 2019 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/… Jul 27, 2019 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.– arntOct 20, 2019 at 15:41
xcalib -i -a