• Stars
    star
    9,590
  • Rank 3,515 (Top 0.08 %)
  • Language
    CSS
  • License
    BSD 2-Clause "Sim...
  • Created over 13 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

:octocat: Dark GitHub style

githubdark-logo
Version Stars Forks devDependencies Gitter

Your eyes willย โค๏ธย you.

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
โš™๏ธ GitHub Blog Dark
โš™๏ธ GitHub Code Wrap
โš™๏ธ GitHub Commit Limit
โš™๏ธ GitHub Community Dark - Now part of Discourse 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
โš™๏ธ GitHub Custom Border Radii
โš™๏ธ GitHub Dark Custom Blame usercss
โš™๏ธ GitHub Upstream BugFixes usercss
โš™๏ธ Overlay Scrollbars

Supported GitHub 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 (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...

  1. fork Fork
  2. Make sure you have these installed:
  • node: version 14 or greater with npm
  • make: available with UNIX-like OS, on Windows you can use this
  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

  • make deps: Install development dependencies into Github Dark/node_modules
  • make build: Build github-dark.user.css
  • make install: Install github-dark.user.css
  • make lint: Run linters
  • make clean: Format source files

Lesser used targets include:

  • make authors: Regenerate the AUTHORS file based on git history
  • make update: Update dependencies
  • make: Alias for make build

Internal use only targets include:

  • make patch: Increment the patch version, create a commit and push it
  • make minor: Increment the minor version, create a commit and push it
  • make 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-document rule (Firefox) or add it to the Applies to section in (Chrome).

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

โฌ†๏ธ UP

More Repositories

1

StackOverflow-Dark

๐Ÿ“š Dark theme for Stack Overflow & most Stack Exchange network sites
CSS
686
star
2

GitHub-Dark-Script

Archived - Please use https://github.com/StylishThemes/GitHub-Dark directly
JavaScript
547
star
3

Wikipedia-Dark

๐ŸŽ“ Dark Wikipedia
CSS
480
star
4

Overlay-Scrollbars

๐ŸŽจ An overlay scrollbar customizable theme for Firefox and Chrome based browsers
CSS
89
star
5

Quora-Dark

๐Ÿซ Dark Quora
CSS
83
star
6

GitHub-Custom-Emojis

:_gimme: This userscript allows you to use and add custom emojis on GitHub
JavaScript
68
star
7

GitHub-FixedHeader

:octocat: Pinned header on GitHub
CSS
63
star
8

Syntax-Themes

๐ŸŽจ Information and files on various syntax highlighting themes
Vim Script
54
star
9

GitHub-code-wrap

:octocat: Wrap long code lines on GitHub
CSS
51
star
10

GitHub-Selected-Tab-Color

๐ŸŽ Add a custom selected tab color to GitHub
CSS
48
star
11

Discourse-Dark

๐Ÿ›๏ธ Darken Discourse forums
CSS
41
star
12

GitHub-Community-Dark

Dark GitHub Community
JavaScript
37
star
13

Feature-Override-Styles

Override styles repo for all supported StylishThemes org styles
CSS
27
star
14

GitHub-Commit-Limit

:octocat: Show GitHub commit message limits
CSS
24
star
15

GitHub-Compact-Feed

๐Ÿ“ฐ Compact details in the news feed
CSS
21
star
16

GitHub-Feed-Icons

๐Ÿ˜ Add icons to the GitHub news feed
CSS
19
star
17

GitHub-tab-size

๐Ÿ“ Userstyle to set a custom tab-size on GitHub and Gist
JavaScript
18
star
18

YouTube-Dark

๐Ÿ“บ Dark YouTube
CSS
16
star
19

GitHub-Sticky-Sidebar

:octocat: Userstyle to make the sidebar in issues and pull requests sticky
CSS
14
star
20

Google-Dark

๐Ÿ‘“ Dark Google (WIP)
CSS
13
star
21

IRCCloud-Dark

๐ŸŽฉ Dark IRCCloud (UNMAINTAINED)
CSS
11
star
22

Google-reCAPTCHA-Dark

Google reCAPTCHA Dark
CSS
10
star
23

Pocket-Dark

A dark theme for Pocket
CSS
10
star
24

GitHub-Blog-Dark

A dark style for the GitHub Blog
CSS
9
star
25

Stylish-Toggle

Userscript: Add toggle for all applied Stylish themes
JavaScript
9
star
26

New-GitHub-Dark

Preliminary work on GitHub Dark v2
CSS
9
star
27

GitHub-Unrounded

Remove obnoxious/destructive border-radii on GitHub
CSS
8
star
28

StackOverflow-Wide

Stylish theme for StackOverflow to utilize the wasted real estate on Stack Overflow
CSS
7
star
29

StackExchange-Sticky-Header

๐Ÿญ StackExchange sticky header everywhere
JavaScript
7
star
30

GitHub-Dark-Extensions

Support for various GitHub extensions
CSS
7
star
31

Netflix-Dark

๐Ÿ“บ A slick, compact dark version of netflix
CSS
5
star
32

stylelint-config-stylishthemes

Stylelint config for StylishThemes
3
star
33

logos

๐ŸŽจ Logos and other images
Shell
3
star
34

GitHub-Dark-Syntax-Themes

The redesign of GitHub Dark's syntax themes repo.
CSS
3
star
35

GitHub-Upstream-BugFixes

A style that fixes (some) known upstream GitHub fixes that are left unfixed upstream for long periods.
Stylus
2
star