Install Stylus for either Firefox, Chrome or Opera or Cascadea for Safari and then install 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.
⚙️ GitHub Blog Dark
⚙️ GitHub Code Wrap
⚙️ GitHub Commit Limit
⚙️ GitHub Community Dark
⚙️ GitHub Compact Feed
⚙️ GitHub Dark Calendar Color Customizer
⚙️ GitHub Dark Diff Color Customizer
⚙️ GitHub Dark Element Borders
⚙️ GitHub Dark IMG Background Color
⚙️ GitHub Feed Icons
⚙️ GitHub FixedHeader
⚙️ GitHub Selected Tab Color
⚙️ GitHub Sticky Sidebar
⚙️ GitHub Tab Size
⚙️ Overlay Scrollbars
💾 Gitako
💾 GitHub Awesome Autocomplete
💾 GitHub Hovercard
💾 GitHub Notifications Dropdown
💾 GitHub Polls
💾 Lovely forks
💾 npmhub
💾 OctoLinker
💾 Octotree
💾 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 | ✔️ | ✔️ | ✔️ |
| Railscasts | ✔️ | ✔️ | ✔️ |
| 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 through 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 12 or greater, then install dependencies via npm install after which you can use the various commands available:
npm run build: Runs thegenerateandusercsstasks.npm run usercss: Build a Usercss style.npm run themes: Parse all theme files and combine them into minified styles in thethemesdirectory.npm run clean: Reformatgithub-dark.cssto conform the style guide.npm run lint: Run Stylelint ongithub-dark.css.npm run authors: Regenerate theAUTHORSfile based on git history.npm run imagemin: Minify all images present in theimagedirectory.npm run generate: Regenerate auto-generated CSS rules based on GitHub's stylesheet. Run this regularly.npm run patch: Increment the version on the patch version number, update headers and create a commit.npm run minor: Increment the version on the minor version number, update headers and create a commit.npm run major: Increment the version on the major version number, update headers and create a commit.npm run update: Update and install dependencies.
Thanks to all that have contributed so far!
And thanks for the shoutout on the JS Party podcast!
