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-document
rule (Firefox) or add it to theApplies to
section 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 thegenerate
andusercss
tasks.npm run usercss
: Build a Usercss style.npm run themes
: Parse all theme files and combine them into minified styles in thethemes
directory.npm run clean
: Reformatgithub-dark.css
to conform the style guide.npm run lint
: Run Stylelint ongithub-dark.css
.npm run authors
: Regenerate theAUTHORS
file based on git history.npm run imagemin
: Minify all images present in theimage
directory.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!