Home

Awesome

<p align="center"> <img alt="githubdark-logo" src="https://cdn.jsdelivr.net/gh/StylishThemes/logos@master/github.dark/githubdark-mini.svg" width="580"> <br> <a href="https://github.com/StylishThemes/GitHub-Dark/tags"> <img src="https://img.shields.io/github/tag/StylishThemes/GitHub-Dark.svg?label=version&style=flat" alt="Version"> </a> <a href="https://github.com/StylishThemes/GitHub-Dark/stargazers"> <img src="https://img.shields.io/github/stars/StylishThemes/GitHub-Dark.svg?style=flat" alt="Stars"> </a> <a href="https://github.com/StylishThemes/GitHub-Dark/network"> <img src="https://img.shields.io/github/forks/StylishThemes/GitHub-Dark.svg?style=flat" alt="Forks"> </a> <a href="https://david-dm.org/StylishThemes/GitHub-Dark?type=dev"> <img src="https://img.shields.io/david/dev/StylishThemes/GitHub-Dark.svg?label=devDependencies&style=flat" alt="devDependencies"> </a> <a href="https://gitter.im/StylishThemes/GitHub-Dark"> <img src="https://img.shields.io/gitter/room/StylishThemes/Github-Dark.js.svg?maxAge=2592000&style=flat" alt="Gitter"> </a> </p> <h2 align="center">Your eyes will&nbsp;:heart:&nbsp;you.</h2>

TOC

Preview

Preview of GitHub Dark

Installation

  1. Install Stylus for Firefox, Chrome, Opera or Cascadea for Safari.
  2. Install github-dark.user.css.
  3. Set GitHub itself to dark mode.

Additional Userstyles

⚙️ GitHub Custom Fonts<br> ⚙️ GitHub Blog Dark<br> ⚙️ GitHub Code Wrap<br> ⚙️ GitHub Commit Limit<br> ⚙️ GitHub Community Dark - Now part of Discourse Dark<br> ⚙️ GitHub Compact Feed<br> ⚙️ GitHub Dark Calendar Color Customizer<br> ⚙️ GitHub Dark Diff Color Customizer<br> ⚙️ GitHub Dark Element Borders<br> ⚙️ GitHub Dark IMG Background Color<br> ⚙️ GitHub Feed Icons<br> ⚙️ GitHub FixedHeader<br> ⚙️ GitHub Selected Tab Color<br> ⚙️ GitHub Sticky Sidebar<br> ⚙️ GitHub Tab Size<br> ⚙️ GitHub Custom Border Radii<br> ⚙️ GitHub Dark Custom Blame usercss<br> ⚙️ GitHub Upstream BugFixes usercss<br> ⚙️ Overlay Scrollbars<br>

Supported GitHub Extensions

💾 Gitako<br> 💾 GitHub Notifications Dropdown<br> 💾 GitHub Polls<br> 💾 Lovely forks<br> 💾 Notifications Preview for GitHub<br> 💾 OctoLinker<br> 💾 Octotree<br> 💾 Refined GitHub<br> 💾 Sourcegraph Browser Extension<br> 💾 ZenHub<br>

Available Syntax Highlighting Themes (Demo)

ThemeGitHubCodeMirrorJupyter
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✔️✔️

Contributions and Development

If you would like to contribute to this repository, please...

  1. fork Fork
  2. Make sure you have these installed:
  1. run make build install to 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

Lesser used targets include:

Internal use only targets include:

Notes

Thanks to all our contributors so far! And thanks for the shoutout on the JS Party podcast!

⬆️ UP