Install Stylus for either Firefox, Chrome or Opera and then install the style using one of these methods:
📦 Install the usercss which supports automatic updates and customization.
📦 Install GitHub-Dark Script which supports automatic updates and customization. Refer to its README.
📦 Install manually from GitHub with no customization, but useful for development. The style is in Mozilla format.
📦 Install via custom build with customization from configuration file. Refer to this wiki page.
⚙️ GitHub-FixedHeader to have a fixed header.
⚙️ GitHub-Selected-Tab-Color to customize tab colors.
⚙️ GitHub-code-wrap to wrap long lines in code boxes.
⚙️ GitHub-tab-size to set a fixed tab size in code.
⚙️ GitHub-Commit-Limit to show line length limits when editing a commit message.
⚙️ GitHub-Community-Dark
⚙️ GitHub-Compact-Feed
⚙️ GitHub-Feed-Icons
💾 GitHub Awesome Autocomplete
💾 GitHub Notifications Dropdown
💾 GitHub Polls
💾 Lovely forks
💾 npmhub
💾 Octotree
💾 OctoLinker
💾 Refined GitHub
💾 ZenHub
Available Syntax Highlighting Themes (Demo)
| Theme | GitHub | CodeMirror | Jupyter |
|---|---|---|---|
| Ambiance | ✔️ | ✔️ | ❌ |
| Base16 Ocean Dark | ❌ | ✔️ | ✔️ |
| Chaos | ✔️ | ❌ | ❌ |
| Clouds Midnight | ✔️ | ❌ | ❌ |
| Cobalt | ✔️ | ✔️ | ❌ |
| Dracula | ❌ | ✔️ | ✔️ |
| GitHub Dark | ✔️ | ❌ | ✔️ |
| Idle Fingers | ✔️ | ❌ | ✔️ |
| Kr Theme | ✔️ | ❌ | ❌ |
| Material | 🚧 | ✔️ | ❌ |
| Merbivore | ✔️ | ❌ | ❌ |
| Merbivore Soft | ✔️ | ❌ | ❌ |
| Mono Industrial | ✔️ | ❌ | ❌ |
| Mono Industrial Clear | ✔️ | ❌ | ❌ |
| Monokai | ✔️ | ✔️ | ✔️ |
| Monokai Spacegray Eighties | ✔️ | ✔️ | ✔️ |
| Obsidian | ✔️ | ❌ | ✔️ |
| One Dark | ✔️ | ✔️ | ❌ |
| Pastel on Dark | ✔️ | ✔️ | ✔️ |
| Solarized Dark | ✔️ | ✔️ | ✔️ |
| Terminal | ✔️ | ❌ | ❌ |
| Tomorrow Night | ✔️ | ❌ | ✔️ |
| Tomorrow Night Blue | ✔️ | ❌ | ✔️ |
| Tomorrow Night Bright | ✔️ | ✔️ | ✔️ |
| Tomorrow Night Eighties | ✔️ | ✔️ | ✔️ |
| Twilight (default) | ✔️ | ✔️ | ✔️ |
| Vibrant Ink | ✔️ | ✔️ | ❌ |
- Support for Codemirror and Jupyter notebook syntax highlighting themes as listed above.
- Please provide a pull request if you have or want to create a missing theme, or help complete the theme(s) designated with a construction symbol (🚧).
- If you're using a custom domain for GitHub Enterprise, be sure to include it though a
@-moz-documentrule (Firefox) or add it to theApplies tosection in (Chrome).
If you would like to contribute to this repository, please...
- 👓 Read the contribution guidelines.
Fork or
download this repository.- 👌 Create a pull request!
To develop, first install Node.js, install dependencies via npm install and install grunt via npm install -g grunt. After that, you can use the various grunt tasks available:
grunt: The default task builds a custom theme using a providedbuild.jsonfile. See the wiki for details.grunt min: Same asgrunt, but outputs a minified style.grunt usercss: Build a Usercss style.grunt themes: Parse all theme files and combine them into minified styles in thethemesdirectory.grunt clean: Reformatgithub-dark.cssto conform the style guide.grunt lint: Run Stylelint ongithub-dark.css.grunt authors: Regenerate theAUTHORSfile based on git history.grunt imagemin: Minify all images present in theimagedirectory.grunt generate: Regenerate auto-generated CSS rules based on GitHub's stylesheet. Run this regularly.grunt patch: Increment the version on the patch version number. Also updates headers and creates a commit.grunt minor: Increment the version on the minor version number. Also updates headers and creates a commit.grunt major: Increment the version on the major version number. Also updates headers and creates a commit.grunt update: Update and install dependencies.
Thanks to all that have contributed so far!
And thanks for the shoutout on the JS Party podcast!
