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-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, 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.json
file. 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 thethemes
directory.grunt clean
: Reformatgithub-dark.css
to conform the style guide.grunt lint
: Run Stylelint ongithub-dark.css
.grunt authors
: Regenerate theAUTHORS
file based on git history.grunt imagemin
: Minify all images present in theimage
directory.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!