back to home

StylishThemes / GitHub-Dark

:octocat: Dark GitHub style

9,937 stars
646 forks
52 issues
CSSHTMLJavaScript
Chat with CodebaseArchitecture ScanSecurity AuditExplain Codebase

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing StylishThemes/GitHub-Dark in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Click here to launch the interactive analysis workspace

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/StylishThemes/GitHub-Dark)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview
<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✔️✔️❌
  • 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