I like the style. But when I move over an entry, it actually turns grey again and this hurts my eyes? Is this a bug, a feature or a problem with my setup? :)

How can I safely edit the source to make this dark theme available to the whole of StackExchange network (if it is possible, of course)?

Would it be possible to customize the theme for code blocks as with GitHub-Dark? The bright blue coloring of keywords in the default style a bit too harsh for my taste. I'd like to be able to switch to Tomorrow Night Eighties or something similar if possible.

As shown below, highlighted search results at StackOverflow Jobs have a light background which clashes with the dark aesthetic and the light text.

I've fixed this locally using the styling below.

.-item._highlighted {
  background: #111111!important;
}

The code to fix it is:
@-moz-document domain("graphicdesign.stackexchange.com") {

main-content{

background-image: (image url here);
}
}

Images use http instead of https e.g. http://StylishThemes.github.io/StackOverflow-Dark/images/wmd-buttons.png

• http://pt.stackoverflow.com/
  • Fix logo
• http://ru.stackoverflow.com/
  • Fix logo
• http://ja.stackoverflow.com/
  • Fix logo
• http://wordpress.stackexchange.com/
  • Clean up header (invert?)
  • Fix link colors
  • Accepted answer style
• http://tex.stackexchange.com/
  • Invert header images
• http://electronics.stackexchange.com/
  • Invert header background?
• http://dba.stackexchange.com/
  • Darker logo
• http://academia.stackexchange.com/
  • Invert header background (buildings at night)
• http://scifi.stackexchange.com/
  • Remove content border?
• http://english.stackexchange.com/
  • Fix/Darken logo
• http://skeptics.stackexchange.com/
  • Fix tab hover (questions, tags, users...)
• http://travel.stackexchange.com/
  • Remove tab background color
  • Remove votes/answer background color
• http://cstheory.stackexchange.com/
  • Fix logo
  • Fix accepted answer style
• http://mathoverflow.net/
  • Fix logo
• https://stackexchange.com/
  • Darken grid view buttons (https://stackexchange.com/sites#)
  • Darken panels (https://stackexchange.com/newsletters)
  • Darken Feeds (https://stackexchange.com/blogs)

Hi there,

Since I try to keep my browser/computer free of 'junk' software as much as I can I was pleased to note that there was an option to get the theme as a Tampermonkey userscript. But, this doesn't appear to be working, given the fact that my pages are still white and TM doesn't indicate that a script is running. I just clicked the link on userstyles.org and added the script it gave me.

Is this an issue that can be reproduced, or is my TM not working correctly?

Thanks.

Doesn't fit well with the theme and text hard to read.

Hi,

Great work on this theme! I noticed the line height is a bit tight on the prettyprinted code:

Here it is after increasing it to 1.4em:

Let me know what you think.

For the most part, we are following a convention of properly named repositories.

I think Stackoverflow-Dark should be renamed to StackOverflow-Dark

1. Be logged in
2. Go to the questions section
3. Hover over the currently unselected layout option
4. The hovered layout option has no hover effect

Ask Ubuntu is also an official Stack Exchange website. I noticed that it's not targeted by this style.

I tried adding domain("askubuntu.com") to the @-moz-document rule, but it misses a few things, notably the Ubuntu navbar in the header, and the Stack Exchange footer.

Is there any particular reason why Ask Ubuntu isn't being styled? Are there any plans to style it? (I presume you simply didn't encounter it whilst looking for Stack Exchange sites that needed styling.)

Currently it has an opacity of 0.4 which in my personal opinion doesn't look good with the page content showing through it. Can we open up that as a Stylish option?

1. Be logged in and have earned some reputation recently
2. Go to your profile
3. Hover over a link in the earned reputation section (hovering over a link in the answers section is correct)

The class is question-hyperlink (the one for answer links is answer-hyperlink ).

I've been using the StackOverflow-Dark theme and it's great.

There's one minor thing:
the tags font size (I mean the tags below each question and in the 'Favorite Tags' list) is too small,
making them difficult to read.
It would be great if it was increased to the default size.
(FF 48, Stylish 2.0.7)

Screenshots for comparison:
Initially
With the userstyle

Reproduction steps:

1. Open a review queue (for example triage)
2. Hover over the decision button

The class for the snap they're wrapped in is review-actions.

Parens in code blocks are nearly invisible:

http://stackoverflow.com/a/530571/624787

The background color for mentions on chat.stackoverflow.com seems to not be altered by this style (using Google Chrome), leaving it as the default green-y color:

This seems to be easily changed though by explicitly altering the background-color for the "mention" class to be transparent (this keeps it looking the same as chat.stackexchange.com):
.mention { background-color: transparent !important; }

Hey @Mottie, I noticed we're still using the squares default background on pretty much all styles except GitHub Dark. What do you think about changing it? I find the new one much more pleasant to look at.

1. Right click on of the main site navigation buttons and open the link it points to in a new tab
2. After the new tab has opened, navigate back to the original tab (but make sure to not click anywhere on the original page)
3. The button is now focused and white

Alternatively one can inspect the link element of one of the nagivation buttons and toggle the focused state in the developer tools.

The selector for it while focused is .-link:focus.

Affected pages: http://stackoverflow.com/*

I've been testing the New Navigation for StackOverflow (beta feature) some months now (using FF 48, Stylish 2.0.7 in win 10 x64).

I've noticed this issue:
The text in 2 of the 3 new tabs, voted, active appears truncated after applying the userstyle.
All three tabs, have this classname .intellitab.
STR
Login to http://stackoverflow.com having enabled the new-nav feature.
Screenshots:

Code boxes in accepted answers could use a slightly different background color that blends into the surroundings better.

• Before:

  

• After:

  

.accepted-answer pre, .accepted-answer code, .accepted-answer .pln, .accepted-answer .youarehere {
    background: #202A20 !important;
}

so lunched "documentation" subsite and there are a lot of white areas especially in document edit mode

http://stackoverflow.com/documentation/mongodb/topic-requests/656

Test url: http://stackoverflow.com/questions/40472231/qt-button-take-as-much-space-as-the-text-on-it-needs/40474243#40474243

tex.stackexchange.com is not displayed properly. Is this indented, as this site is not supported or do you just overlooked it? I wasn't able to quick-fix it for now, even though I will continue trying.

1. Be logged in
2. Go to the questions section
3. Make sure you have at least 2 tags added
4. If you modified your favourite tags, then refresh the page
5. All tags except the 2nd when hovering have correct highlighting (example with hover toggeled on all tags)

This is caused by the a:nth-child(2):hover selector located here. It is unclear to me why that section is there and why and how it affects anything. The commit message for the commit it was added in is very lackluster.

It was working fine until white background started to show up on questions and answers. Windows 7 64bit Chrome Version 39.0.2171.99 m

Great theme BTW, could not use stackoverflow without it xD

1. Navigate to the Markdown help page inline version section
2. The version indicators are white

The classes for the version indicator background is version-row.

Steps to reproduce:

1. Be logged in
2. Go to your profile
3. Clicking on the small cog next to goal tracking
4. The dialog that appears is white

I changed the line in section box 1:

/* custom code font */
pre.prettyprint {
font-family: "Menlo", Monaco, Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
}

To:

/* custom code font */
pre.prettyprint {
font-family: "Menlo", Monaco, Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
color : lightblue;
}

Before

After

The solution is to increase the height of anchor tag to 70px:

#hlogo a {
    background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/pt-stackoverflow-logo.svg) !important;
    height: 70px !important;
}

Hi,

Hat down to your amazing effort, sir! Your contribution is relieving a lot of pain in my eyes.
I was able to mod some things for myself, but the size of the overall style is too much for my limited CSS knowledge. Thank you for taking your time to provide all these fixes and mods.

As per the recommendation in the style, I am posting about a broken site: http://codereview.stackexchange.com
They add "background-color" to a lot of elements 😢 . I don't understand why they can't be consistent. So the home page and the question page are broken :(

Example page, though any question on the subsite works: http://rpg.stackexchange.com/questions/93297/my-players-went-from-100-murderous-cretins-to-100-nonviolent-diplomats-how-ca

I'm not sure which approach would be best here, excluding the subsite from this style would probably be simplest (Though least rewarding for the overall goal, I'd imagine).

For one of the chat rooms related to Code Review, The 2nd Monitor, the bottom panel/textarea for writing comments has a white background. I have attached a screenshot of the same.

It would be nice if it is made same as those of chat rooms of other Stackexchange sites, e.g. Kubernetes of Stackoverflow

1. Be logged in
2. Got to the questions section
3. Modify your favourite tags
4. Add two new random tags you have never visited before, for example "background" and "foreground"
5. Refresh the page
6. Now click on one of the added tags
7. The tag you clicked on is now blue

This behaviour is not present in the default SO style.
The selector responsible for this is a:visited located here.

The wiki at:

https://github.com/StylishThemes/StackOverflow-Dark/wiki/Install

unfortunately is no longer accurate since their site upgrade. Now, if you are a userscript user, there is not even any way to select the parameters or what they call "advanced options" and then select to install the userscript to actually receive those settings. Instead, it appears the parameters are only applied for their Stylish native CSS installs. I have commented in their forums to their management however I have no idea when they will finally get around to fixing this MAJOR issue.

Until then, it almost seems that manually fashioning the install url from Github may be the only current way other than having to manually edit the script once installed.

NOTE: Upgrades will hold their original parameter strings, so unless NEW parameters are added that did not exist in the string and if so (as in this new background update) simply figuring out that param name and manually adding it yourself in TM then re-installing works.

EDIT: I just did this to re-confirm, adding in this case

&ik-bg-url=ik-original

To the end of the "update" url string, then ran that entire update string in Chrome which re-installs right from the proper URL, but now adding in my case the new "original" background string, refreshed, and sure enough - all is well.

• "Insert a link" popup (white, unreadable)
• Meta StackExchange header shows alt text
• Winter Bash hats popup (not so important as I guess it'll disappear in 2 days)
• Activity impact card separator line (I feel it should be gray)

The tag area is not styled when asking a new question.

Default
Dark theme

Their width seems to decrease, but the height increases.

1. Be logged in and have at least one badge
2. Go to your profile
3. Open the badge progress tracker settings by clicking on the cog
4. Click on the "All" tab
5. The already earned badges should be shown at the top, unfortunately they're white

The class for the earned (white) badges is completed. The earned badges' background colour should be different from unearned badges' background colour. Here's how their colour differs on the default theme.

1. Be logged in
2. Open your inbox
3. The "Inbox" header colour differs from the colour of the hover state of the inbox button

On the default theme the header colour is the same as the button's hover colour.

1. Navigate to the Markdown help page
2. Click on one of the table of contents items and it flashes yellow and then fades to white

1. Navigate to the Markdown help page
2. In dark mode vs default style

The class for the spaces is spaces.

Currently the color of hyperlinks located in comments is almost the same as normal text so it's very hard to distinguish them. For example in this post:
http://stackoverflow.com/questions/32744614/how-to-switch-focus-to-the-inspector-tab-in-firefox-web-tools

The 2nd comment there has a hyperlink which says "This is the page" but the color of it is just a little bit darker than normal text.

The selector for it is li:hover.