415
votes

With the full launch of Dark Mode on 17 June 2020, we've shut down this post as a way to get feedback and bug reports. Thank you to the many people who have posted answers, comments, and done the curation work of keeping this post in order so that Aaron could more easily find and address the issues. As of posting, Aaron has updated the status of all the posts in the compilation answer.

There are some outstanding issues, particularly related to the Developer Story page, which is difficult to fix without breaking a lot of things. There are also a handful of items that we've deferred acting on but there shouldn't be anything critical that is left. Being out of beta doesn't mean we won't look at these or new bugs brought to our attention, only that we feel this project is stable and ready to go.

Our team working on this is pretty small but they're excited to have this project in a good place so they can move on to other things like working on getting the rest of the site responsive.

From today on, If you find new bugs, please post them as a new question here on MSO.


Thank you so much for your interest in helping us find bugs in our dark mode version! The response to this has been amazing! My one request is that you look through existing answers before posting a new one. Nearly all of the newer answers I’ve gotten have been identified previously so the answers are duplicates!

For those of y’all waiting for fixes, we’re already working on many of them and you should start seeing status tags added to the answers soon. We appreciate your help and feedback!

—-

For years the answer to "can we have dark mode" has been a resounding "no!" Because of a huge number of technical complexities, which our design systems lead Aaron discusses in this blog post, creating dark mode has been too big of a project to take on with such a small team. You can read a bit about it in this discussion about dark mode.

As Aaron’s been working on building Stacks styles and he and the other developers have been gradually converting site elements to Stacks, Dark Mode was finally in reach for development. We've had Dark Mode in mind with our Stacks updates since July 2019 and started really focusing on it for the last two months.

Starting today Dark Mode is in beta for all logged-in users on Stack Overflow

It’s going to be a long road to complete this project but we felt that we were finally in a place where we could get your help finding all of the long tail bits we may have missed. For now, this is Stack Overflow in English only at this point - it doesn’t even work on MSO currently. The beta test will also be active on any Teams you may be on, so switching between the two shouldn’t cause blindness.

Thank you so much for your patience with us in getting this out. It’s been really neat to see the work some of y’all have done in creating userscripts to emulate dark mode here on SO and I hope you enjoy our version of it. I’ve been pestering Aaron with bugs for the last couple of weeks and I’m sure he’s going to love getting them from all of you!

Beta means some pages are out of scope

There are some parts of Stack Overflow that are currently opted out during the beta for various reasons. These include:

  • Homepage of Stack Overflow for non-logged in users
  • Jobs
  • Talent client portal

How to enable it:

To enable this, visit your Stack Overflow profile, go to the "Edit profile and settings" tab, scroll down to "Preferences" under "Site Settings" and find the "Theme" section at the top of the page. You have three options - light, dark and "system setting" which will adjust the theme based on what your system prefers.

Screenshot of the preferences page, showing the three options, light, dark, and system setting.
(click the image to see a gif of the path)

How to give feedback:

Write an answer below. Be sure to give us the following information:

  • Description of the issue
  • Screenshot of the issue
  • Link to the page you’re seeing this problem

There are a couple of issues we’re already aware of that we’re working on but weren't able to clean up before release:

Badges

  • We still need to do an audit of our badges and see if we can simplify them a bit on our way to dark mode.

Various tabs

  • There are still some legacy filter tabs on a few pages that we need to convert to newer components.

Tables

  • Mostly impacts moderator (/admin) pages, though there are a couple on /tools pages.

Future releases

At this point, the focus of Dark Mode is on Stack Overflow and we’ll eventually bring it to MSO. While the retheming we did across the network two years ago makes updating our LESS easier, creating dark versions of all of our sites, particularly the custom-designed ones, is going to be a huge challenge we’re not able to contemplate at this time. The artwork on some of those sites simply can’t be made dark because we don’t have access to the original art files and, to be honest, some of the themes will always be better as-is.

If you have questions about dark mode on the network, please ask them on MSE rather than here.


In addition to bug reports, let me know if you have any questions or things I can clarify.

34
  • 94
    Thank you! Exciting to see such developments.
    – deceze Mod
    Mar 30, 2020 at 17:24
  • 43
    Nice, was expecting an April joke, but was offered something much better :) Mar 30, 2020 at 17:43
  • 14
    Could this possibly be extended into chat.SO? Mar 30, 2020 at 17:49
  • 24
    Not really a fan of dark mode, but it is extremely encouraging to see a feature that so many users in the community clamored for for so long. Well done!
    – Travis J
    Mar 30, 2020 at 18:36
  • 12
    This is great; thank you very much Catija, Aaron, and the rest of the team! Can't wait to see it make its way to Meta.
    – TylerH
    Mar 30, 2020 at 18:49
  • 12
    ... OK... so... I'm not sure what y'all think about things... we're getting a handful of different kinds of answers below - some things are bugs with one bug per answer and others are huge digests of many bugs... some answers are FRs and some are a combo of bugs and FRs... some of the digests include individual answers. I usually prefer single answers but I'm wondering if it makes sense to have one big bug wiki answer and FRs as separate answers... or something else... thoughts?
    – Catija StaffMod
    Mar 30, 2020 at 19:01
  • 3
    YES!! Dark mode is 99% there. Biggest issue I see is syntax highlighting.If the color used is Saturated, then it will lack almost all contrast in dark mode. The same "color" can be used, but it needs to be de-saturated (using HSV values). The less saturation used, the more contrast with dark backgrounds there is (it doesn't effect light-mode to desaturate up to 50%+, but will make dark-mode readable) We know how much you try to stick to the international standard colors -- worth a check of the HSV values to see if they need tweaking for dark-mode. Mar 30, 2020 at 21:57
  • 12
    It's almost perfect, but I'd like to see more lens-flares in the banner animation.
    – alain
    Mar 30, 2020 at 23:17
  • 6
    I was afraid this was an early April Fools joke due to the timing and the animated banner, and I'm so pleasantly surprised that it's real, and has been so lovingly crafted. This is a much tougher feature to implement in an established site. Thank you so much for taking the time to work on it! It looks great.
    – Blank
    Mar 31, 2020 at 0:53
  • 5
    Wow, impressive to see how many people are putting effort into reporting all the little dark mode fails. Mar 31, 2020 at 2:54
  • 12
    background-color: #2d2d2d is a bit too bright for me. The low contrast looks nice at first glance, but for longer periods of browsing, I prefer things a bit more contrasty: background-color: #222 and color: #ddd. Luckily, there's always custom CSS styling... Mar 31, 2020 at 3:12
  • 12
    I just came to meta (non-darkmode) from Darkmode main site, and I'm miserable now.
    – Pac0
    Mar 31, 2020 at 15:52
  • 16
    I hope the feature of dark mode will be added in meta too. Well done, stack team! Mar 31, 2020 at 17:42
  • 4
    The "ultra" dark is really cool for really late night work, but still a little "too" dark, especially if you lower your screen brightness to adapt to other windows. Apr 1, 2020 at 21:12
  • 6
    @HadiPawar I am guessing that the bug you’ve reported was already reported in one of the answers so it’s been downvoted because it’s a duplicate answer. I know it’s hard because there’s a ton of answers but it’s difficult for us to gauge what needs to be fixed if I have multiple answers saying the same thing. We love y’all for helping, we just need y’all to be thoughtful about checking existing answers before adding a new one.
    – Catija StaffMod
    Apr 6, 2020 at 13:05

154 Answers 154

1 2 3 4 5
6
-4
votes

I am not sure if should be reported here or if it has been spotted already but a cursory search didn't find anything on Meta so I'll post it.

As you see in the screenshot below, in dark mode, when you select an option, the text is the same as the background and becomes invisible.

I'm on Chrome and Ubuntu Linux.

enter image description here

-6
votes

(EDIT - removed the suggested outline approach as nobody liked that either)

The background of this section looks bad (it's garish even in normal/light mode IMO), makes the SO icon of the bottom three sections look too faded out, and hurts readability.

Yellow background

5
  • 5
    Sorry, but I hate the outline.
    – DavidG
    Mar 31, 2020 at 10:13
  • @DavidG no problem, you weren't alone so I removed it. It's easier to throw stones than to fix glass. I still think the yellow should be adjusted. Mar 31, 2020 at 13:58
  • 1
    I think they should fix the icon rather than the background colour.
    – DavidG
    Mar 31, 2020 at 14:00
  • 1
    I think the murky brown/orangy background colour of this block is awesome!
    – Scratte
    Mar 31, 2020 at 15:07
  • 2
    I think the murky brown/orangy background is a horrible color. While I don't think the now-removed suggestion was perfect, I think it was acceptable and far better than what's currently implemented.
    – TylerH
    Mar 31, 2020 at 17:46
-10
votes

The scrollbar is not dark enough. Try out this CSS for Webkit-based browsers:

::-webkit-scrollbar /* the scrollbar itself */
{
    width: 10px;
    background: #393939;
}
::-webkit-scrollbar-track /* the scrollbar track (the scrollbar's working area) */
{
    border-radius: 10px;
}
::-webkit-scrollbar-thumb /* the part of the scrollbar that you move */
{
    background: #444;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover /* the part of the scrollbar that you move, on hover */
{
    background: #222;
}

which can turn this scrollbar:

The original, standard scrollbar for Chrome, included with Windows

into one like this:

The new scrollbar, powered by Devdrive

9
  • 2
    Web pages should not attempt to change system-level widgets. There's a reason this kind of trickery is WebKit-specific. If you want dark scroll bars, configure your OS accordingly. Apr 7, 2020 at 8:18
  • But most OS'es have no configuration for that scrollbar.
    – user11462042
    Apr 7, 2020 at 23:39
  • And, you have no configuration options for specific scrollbars.
    – user11462042
    Apr 7, 2020 at 23:40
  • Devdrive does this on WebKit-based browsers and it works.
    – user11462042
    Apr 7, 2020 at 23:41
  • CSS Tricks has a cool scrollbar change.
    – user11462042
    Apr 7, 2020 at 23:44
  • Firefox automatically changes the scrollbar color based on the page's background color and it looks nice.
    – D. Pardal
    Apr 13, 2020 at 18:24
  • 4
    We'll be leaving the browser-wide scrollbar alone. ✌️ Apr 20, 2020 at 16:33
  • But SO needs to have this functionality done for WebKit, which doesn't do the auto-change like Gecko does.
    – user11462042
    Apr 21, 2020 at 15:20
  • @CodyGray: There really isn't a good reason for this. The most likely one being that exposing this was overlooked in the initial HTML/CSS specs. This is going to be rectified in the future with the CSS scrollbars module. Based on your reasoning one should not change the color of input fields either; there is no real basis for this distinction.
    – H.B.
    Jun 17, 2020 at 9:35
-40
votes

It's absolutely wonderful!

Who cares about the odd bug?

(Yes the advertisements stick out a bit unless you fiddle with your browser.)

3
  • 21
    Well, don't know about the others, but I care about the odd bug. I've seen many software products offer dark mode and unfortunately most have huge issues that prevent me using it. It's always some key functionality that's also not immediately obvious, so I might use this for a week or a month and suddenly find something that's absolutely unusable with this theme. There was one where you couldn't edit the settings because you couldn't see them. An editor made config files unreadable, another did the same for comments but you could see code. So, I care about bugs.
    – VLAZ
    Mar 30, 2020 at 19:00
  • 14
    When text is literally unreadable, I care about that. And when it's technically readable but hurts my eyes to look at it, then that defeats the entire purpose of dark mode. Mar 30, 2020 at 19:47
  • I agree it may not be a big deal, but for some people who stare at their computers for too long(aka me), the eyes need pleasing images. Yes, I care about bugs.
    – 10 Rep
    Jun 15, 2020 at 18:39
1 2 3 4 5
6

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .