Your eyes will
❤️
you.
TOC
Preview
Installation
- Install Stylus for Firefox, Chrome, Opera or Cascadea for Safari.
- Install github-dark.user.css.
- Set GitHub itself to dark mode.
Additional Userstyles
Supported GitHub Extensions
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 (
🚧 ).
Contributions and Development
If you would like to contribute to this repository, please...
Fork- Make sure you have these installed:
- run
make build installto 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.
Auto-generated CSS
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 override entries
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 targets
make deps: Install development dependencies intoGithub Dark/node_modulesmake build: Buildgithub-dark.user.cssmake install: Installgithub-dark.user.cssmake lint: Run lintersmake clean: Format source files
Lesser used targets include:
make authors: Regenerate theAUTHORSfile 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
Notes
- If you're using a custom domain for GitHub Enterprise, be sure to include it through a
@-moz-documentrule (Firefox) or add it to theApplies tosection in (Chrome).
Thanks to all our contributors so far! And thanks for the shoutout on the JS Party podcast!
Scrollbar is hardly visible
Scrollbar is too dark. If the scrollbar handle is too short (long page) and the user is using glossy LCD screen, the scrollbar does not looks like it's there at all.
Perhaps you can make it brighter (example:
background: grey) so it is more usable.Theme discussion
It appears that GitHub is no longer using Pygments to format and style code.
Hopefully, it won't be too long before we'll be able to support all the syntax highlighting themes again.
Everything is on fire (major github feature update)
GitHub just now updated everything, including a new profile page, projects, etc.
https://github.com/blog/2256-a-whole-new-github-universe-announcing-new-tools-forums-and-features
Grunt Build
I couldn't sleep and wanted to practice making grunt builds... so check out the build branch I just added.
I included instructions in the Build wiki page.
I'd love any suggestions and/or feedback.
Added regex matching github.company.com
Updated github-dark to match my company's enterprise domain which looks like "github.company.com"
I'm not sure how to provide evidence that this works other than my word, I found this style and when I installed it initially did not work for my company's external domain, after this little bit of regex addition it started to work on both normal GitHub and GitHub Enterprise.
Sorry If I didn't conform to any of the contributing steps, it seems they may have been more directed at creating new styles or something?
Move to Sass
Discussion for moving to SASS
Proposal from @silverwind:
I'm in agreement with using grunt and lib-sass, though I don't think the prefixes are necessary as both Chrome and Firefox support most CSS3 styles without needing prefixes, but it definitely doesn't hurt anything.
Remove unused/unneeded selectors
I'm sure that at least 20-30% of our selectors aren't used any more on GitHub's HTML. We'll have to cross-match our selectors to the GitHub stylesheets, and remove any which aren't used anymore by GitHub.
These are the current stylesheets they use:
https://github.global.ssl.fastly.net/assets/github2-f14002c8b8c821aeaeaf37b52de1d6c4d29dc214.css https://github.global.ssl.fastly.net/assets/github-dd2e4ab77e94896e4418f4dd1d11ce1efb595fd1.css
This will probably break a few things like cases where we use
.childand the original style uses.parent .child, but It'll be worth it in the long run.Filename overflows file header in PRs
Looks like this was caused by 9b5fa7eeaa25028dc8c0f53849cffad002532272.
Content Security Policy blocking images
Looks like Chrome enforces CSP for userstyles, white Firefox doesn't. Github only allows these domains to server images:
I see a few ways to solve this:
Syntax Highlighting Theme Requests
This issue lists possible syntax highlighting themes to include with this repo. These are themes I could use help with converting to a standard pygments theme.
If you find any that you'd like to have included, please list them in this thread.
Vim Themes (need conversion to pygments)
Other Themes (need conversion)
@aalvarado Could you help out with some of these? Thanks! :P
github/gists raw no longer styled
Gihub screenshot
gist screenshot
URL github raw
https://raw.githubusercontent.com/StylishThemes/GitHub-Dark/12d896093a3cb6b6fc57082a090600d4f292490b/.github/ISSUE_TEMPLATE.md
URL gist raw
https://gist.githubusercontent.com/the-j0k3r/79eb13186ffc7145360eab8a0b133a64/raw/6269bcc6c7f1d34b8289ce9342ddd2ce6e39e361/Stylus%2520-%2520Gray%2520Matter%2520%255BChromium%2520based%2520or%2520Firefox%255D
HTML Github
HTML Gist
GitHub Custom Fonts do not working in New Code Search and Code View (Beta)
** enable it **
Nord Theme
Describe the change you'd like Please add support for nord theme
Additional context
CodeMirror Theme: codemirror5/nord.css at master · codemirror/codemirror5
Start to VS Code Dark Theme (Github)
This is my attempt at replicating Visual Studio Code's default "Dark+" theme.
Similar to #1334, I used the Twlight theme as a template and substituted colors from VS Code's
.jsonschema (dark_plusanddark_vs).Note that the comments in
vs-code-dark.csswere copied verbatim fromtwilight.css. I didn't attempt to document any sort of precise mapping between GitHub-Dark's color-matching rules and VS Code's grammar scopes.Please include this dark github theme for the new Projects Beta
Describe the change you'd like It is currently not supporting the new projects beta pages and it would be good to also include it for that part of the website.
Additional context Projects beta: github.com//Projects
And any linking pages.
YML text diffs are unreadable
When looking at the diff between a text change in YML, the dark red and dark green along with the grey text makes it unreadable.
This theme:
Default GitHub's Dark Mode: