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-Blog-Dark
βοΈ GitHub-code-wrap
βοΈ GitHub-Commit-Limit
βοΈ GitHub-Community-Dark
βοΈ GitHub-Compact-Feed
βοΈ GitHub-Feed-Icons
βοΈ GitHub-FixedHeader
βοΈ GitHub-Selected-Tab-Color
βοΈ GitHub-Sticky-Sidebar
βοΈ GitHub-tab-size
βοΈ Overlay-Scrollbars
βοΈ GitHub Dark Calendar Color Customizer
βοΈ GitHub Dark Diff Color Customizer
βοΈ GitHub Dark Element Borders
πΎ Gitako
πΎ GitHub Awesome Autocomplete
πΎ GitHub Hovercard (set it to dark theme)
πΎ 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:
npx grunt
: The default grunt task builds a custom theme using a providedbuild.json
file. See the wiki for details.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!