Transform your GitHub experience into a visually soothing dark theme with GitHub Dark! This guide walks you through the process of installation while also giving you a taste of additional user styles and extensions to customize your interface further.
Preview
Installation
Getting started with GitHub Dark is a breeze. Just follow these simple steps:
- Install Stylus for Firefox, Chrome, Opera or Cascadea for Safari.
- Install the github-dark.user.css.
- Set GitHub to dark mode.
Additional Userstyles
Check out these userstyles to enhance your GitHub Dark theme:
- GitHub Custom Fonts
- GitHub Blog Dark
- GitHub Code Wrap
- GitHub Commit Limit
- GitHub Compact Feed
- GitHub Dark Calendar Color Customizer
- GitHub Dark Diff Color Customizer
- GitHub Dark Element Borders
Supported GitHub Extensions
Enhance your GitHub experience even further with these supported extensions:
- Gitako
- GitHub Notifications Dropdown
- GitHub Polls
- Lovely Forks
- Notifications Preview for GitHub
- OctoLinker
- Octotree
- Refined GitHub
- Sourcegraph Browser Extension
- ZenHub
Available Syntax Highlighting Themes
With a variety of themes, choose the one that suits your coding aesthetic:
| Theme | GitHub | CodeMirror | Jupyter |
|---|---|---|---|
| Ayu Mirage | Ambiance | ||
| Base16 Ocean Dark | Chaos | ||
| Clouds Midnight | Cobalt | Dracula | |
| GitHub Dark | Idle Fingers | Kr Theme | |
| Material | Merbivore | Monokai | |
| 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 |
For more information on available themes, make sure to check out this demo.
Contributions and Development
If you want to contribute, here’s how:
- Fork the repository.
- Ensure you have [Node](https://nodejs.org) installed (version 14 or greater) along with npm and make.
- Run make build install to rebuild and install the style in your default browser.
Auto-generated CSS
To contribute custom changes, edit files in the src/gen directory, and run make build install to see your updates.
Manual Override Entries
For manual changes to inline HTML styles, edit files in src, then rebuild with make build install.
Make Targets
- make deps: Install development dependencies.
- make build: Build
github-dark.user.css. - make install: Install
github-dark.user.css. - make lint: Run linters.
- make clean: Format source files.
Notes
For those using custom domains on GitHub Enterprise, ensure to include it via a @-moz-document rule (Firefox) or add it to the Applies to section (Chrome).
Troubleshooting
In case you’re facing issues while installing the GitHub Dark theme, try the following troubleshooting tips:
- Ensure that you have the latest version of the Stylus extension installed.
- Double-check if you’ve pasted the correct link to the GitHub dark CSS file.
- Refresh your GitHub page after enabling dark mode in settings.
- If all else fails, clear your browser cache and try reinstalling.
For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.
At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.