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.
π¦ Install via custom build with customization from configuration file. Refer to this wiki page.
βοΈ GitHub-FixedHeader
βοΈ GitHub-Selected-Tab-Color
βοΈ GitHub-code-wrap
βοΈ GitHub-tab-size
βοΈ GitHub-Commit-Limit
βοΈ GitHub-Community-Dark
βοΈ GitHub-Compact-Feed
βοΈ GitHub-Feed-Icons
βοΈ Overlay-Scrollbars
βοΈ GitHub-Sticky-Sidebar
πΎ GitHub Awesome Autocomplete
πΎ GitHub Notifications Dropdown
πΎ GitHub Polls
πΎ Lovely forks
πΎ npmhub
πΎ Octotree
πΎ OctoLinker
πΎ Refined GitHub
πΎ ZenHub
πΎ GitHub Hovercard (set it to dark theme)
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 grunt tasks available:
npx grunt
: The default task builds a custom theme using a providedbuild.json
file. See the wiki for details.npx grunt min
: Same asgrunt
, but outputs a minified style.npx grunt usercss
: Build a Usercss style.npx grunt themes
: Parse all theme files and combine them into minified styles in thethemes
directory.npx grunt clean
: Reformatgithub-dark.css
to conform the style guide.npx grunt lint
: Run Stylelint ongithub-dark.css
.npx grunt authors
: Regenerate theAUTHORS
file based on git history.npx grunt imagemin
: Minify all images present in theimage
directory.npx grunt generate
: Regenerate auto-generated CSS rules based on GitHub's stylesheet. Run this regularly.npx grunt patch
: Increment the version on the patch version number, update headers and create a commit.npx grunt minor
: Increment the version on the minor version number, update headers and create a commit.npx grunt major
: Increment the version on the major version number, update headers and create a commit.npx grunt update
: Update and install dependencies.
Thanks to all that have contributed so far!
And thanks for the shoutout on the JS Party podcast!