- Install Stylus for Firefox, Chrome, Opera or Cascadea for Safari.
- Install github-dark.user.css.
- Set GitHub itself to dark mode.
⚙️ GitHub Custom Fonts
⚙️ GitHub Blog Dark
⚙️ GitHub Code Wrap
⚙️ GitHub Commit Limit
⚙️ GitHub Community Dark - Now part of Discourse 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
⚙️ GitHub Custom Border Radii
⚙️ GitHub Dark Custom Blame usercss
⚙️ GitHub Upstream BugFixes usercss
⚙️ Overlay Scrollbars
💾 Gitako
💾 GitHub Notifications Dropdown
💾 GitHub Polls
💾 Lovely forks
💾 Notifications Preview for GitHub
💾 OctoLinker
💾 Octotree
💾 Refined GitHub
💾 Sourcegraph Browser Extension
💾 ZenHub
Available Syntax Highlighting Themes (Demo)
Theme | GitHub | CodeMirror | Jupyter |
---|---|---|---|
Ayu Mirage | ✔️ | ❌ | ❌ |
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 would like to contribute to this repository, please...
- Fork
- Make sure you have these installed:
- run
make build install
to rebuild the style and install in the default browser.
Any custom changes should be done in the files in the src
directory. Do not edit the .css
files in the project root, these are generated.
Contributing e.g. unstyled items, sources, extensions, etc. to name a few.
See and edit the respective files in /src/gen/ then run make build install
to rebuild and reinstall the style, then test your fixes and send a pull request.
Manual overrides to e.g. generated content or inline HTML styles to name a few.
See and edit respective files in src
then run make build install
to rebuild and reinstall the style, then test your fixes and send a pull request.
make deps
: Install development dependencies intoGithub Dark/node_modules
make build
: Buildgithub-dark.user.css
make install
: Installgithub-dark.user.css
make lint
: Run lintersmake clean
: Format source files
Lesser used targets include:
make authors
: Regenerate theAUTHORS
file based on git historymake update
: Update dependenciesmake
: Alias formake build
Internal use only targets include:
make patch
: Increment the patch version, create a commit and push itmake minor
: Increment the minor version, create a commit and push itmake major
: Increment the major version, create a commit and push it
- 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).
Thanks to all our contributors so far! And thanks for the shoutout on the JS Party podcast!