• Stars
    star
    9,649
  • Rank 3,673 (Top 0.08 %)
  • Language
    CSS
  • License
    BSD 2-Clause "Sim...
  • Created almost 14 years ago
  • Updated 4 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
550
star
3

Wikipedia-Dark

🎓 Dark Wikipedia
CSS
485
star
4

Overlay-Scrollbars

🎨 An overlay scrollbar customizable theme for Firefox and Chrome based browsers
CSS
88
star
5

Quora-Dark

🏫 Dark Quora
CSS
82
star
6

GitHub-Custom-Emojis

:_gimme: This userscript allows you to use and add custom emojis on GitHub
JavaScript
72
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
55
star
9

GitHub-code-wrap

:octocat: Wrap long code lines on GitHub
CSS
54
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
26
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
22
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

StackExchange-Sticky-Header

🍭 StackExchange sticky header everywhere
JavaScript
7
star
29

StackOverflow-Wide

Stylish theme for StackOverflow to utilize the wasted real estate on Stack Overflow
CSS
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-Upstream-BugFixes

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

GitHub-Dark-Syntax-Themes

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