<p align="center">
  <img alt="stackexchange-logo" src="https://cdn.jsdelivr.net/gh/StylishThemes/logos@master/se.dark/sedark.svg" width="508">
  <br>
  <a href="https://github.com/StylishThemes/Stackoverflow-Dark/tags">
    <img src="https://img.shields.io/github/tag/StylishThemes/Stackoverflow-Dark.svg?label=tag" alt="Tag">
  </a>
  <a href="https://github.com/StylishThemes/Stackoverflow-Dark/stargazers">
    <img src="http://github-svg-buttons.herokuapp.com/star.svg?user=StylishThemes&repo=Stackoverflow-Dark&style=flat&background=007ec6" alt="Star">
  </a>
  <a href="http://github.com/StylishThemes/Stackoverflow-Dark/fork">
    <img src="http://github-svg-buttons.herokuapp.com/fork.svg?user=StylishThemes&repo=Stackoverflow-Dark&style=flat&background=007ec6" alt="Fork">
  </a>
  <a href="https://david-dm.org/StylishThemes/Stackoverflow-Dark?type=dev">
    <img src="https://img.shields.io/david/dev/StylishThemes/Stackoverflow-Dark.svg?label=%20devDependencies%20" alt="devDependencies">
  </a>
  <a href="https://gitter.im/StylishThemes/Lobby">
    <img src="https://img.shields.io/gitter/room/StylishThemes/Stackoverflow-Dark.js.svg?maxAge=2592000" alt="Gitter">
  </a>
</p>

This dark theme applied to Stack Overflow and almost all Stack Exchange sites (except [Area 51](http://area51.stackexchange.com/)).

## Preview

![Stack Overflow Dark preview](images/screenshots/before-after.gif)

## Installation

A userstyle manager is required, common ones include:

🎨 Stylus for [Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us/), [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne) or [Opera](https://addons.opera.com/en-gb/extensions/details/stylus/).<br>
🎨 xStyle for [Firefox](https://addons.mozilla.org/firefox/addon/xstyle/) or [Chrome](https://chrome.google.com/webstore/detail/xstyle/hncgkmhphmncjohllpoleelnibpmccpj).

Then:

📦 [Install the usercss](https://github.com/StylishThemes/StackOverflow-Dark/raw/master/stackoverflow-dark.user.css). Supports automatic updates.

## Additional styles

📦 [Install the StackOverflow Syntax Themes usercss](https://raw.githubusercontent.com/StylishThemes/Feature-Override-Styles/master/stackoverflow-syntax-themes.user.css)<br>
- The StackOverflow Syntax Themes style is **a required additional style** for rendering blocks of code on StackOverflow, it contains preset + custom  syntax themes.<br><br>

📦 [Install the global Overlay-Scrollbars usercss](https://raw.githubusercontent.com/StylishThemes/Overlay-Scrollbars/master/global-overlay-scrollbars.user.css)<br>
- The  Overlay-Scrollbars style is **an optional additional style** for styling scrollbars on modern browsers since removing scrollbars styles in [this commit](https://github.com/StylishThemes/StackOverflow-Dark/commit/861fd20e7498494f486eb8d210d23a98e76b7422)<br><br>

## Notes

- In versions 2.8.0+, this style will apply to *almost* all Stack Exchange sites.
- From version 5.0.0, the syntax themes are removed and added as separate theme switcher, this is because SO design upstream changed, see issue #218

## Contributions

If you would like to contribute to this repository, please...

1. 👓 Read the [contribution guidelines](./.github/CONTRIBUTING.md).
1. ![repo-forked](https://user-images.githubusercontent.com/136959/42383736-c4cb0db8-80fd-11e8-91ca-12bae108bccc.png) [Fork](https://github.com/StylishThemes/StackOverflow-Dark/fork) or ![cloud-download](https://user-images.githubusercontent.com/136959/42401932-9ee9cae0-813d-11e8-8691-16e29a85d3b9.png) [download](https://github.com/StylishThemes/StackOverflow-Dark/archive/master.zip) this repository.
1. 👌 Create a pull request!

Thanks to all that have [contributed](./AUTHORS) so far!
