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!