Giter Club home page Giter Club logo

github-dark-style's Introduction

githubdark-logo
Version Stars Forks devDependencies Gitter

Your eyes will :heart: you.

Preview

Installation

A userstyle extension is required, common ones include:

🎨 Stylus for Firefox, Chrome and Opera.
🎨 Stylish for Safari.
🎨 FreeStyler for Chrome.

Then install using one of these methods:

📦 Install the usercss with Stylus or FreeStyler. Supports automatic updates.
📦 Install GitHub-Dark Script which supports automatic updates and live customization. Refer to here.
📦 Install from userstyles.org with customization, does not support automatic updates.
📦 Install manually from GitHub with no customization, but useful for development. The style is in Mozilla format.
📦 Install via custom build with customization from configuration file. Refer to this wiki page.

Additional Userstyles

⚙️ GitHub-code-wrap to wrap long lines in code boxes.
⚙️ GitHub-Commit-Limit to show line length limits when editing a commit message.
⚙️ GitHub-FixedHeader to have a fixed header.
⚙️ GitHub-Selected-Tab-Color to customize tab colors.
⚙️ GitHub-tab-size to set a fixed tab size in code.

Supported GitHub Addons

💾 GitHub Awesome Autocomplete
💾 GitHub canned responses (deprecated; extension no longer maintained)
💾 GitHub Notifications Dropdown (userscript)
💾 GitHub Polls
💾 Lovely forks
💾 npmhub
💾 Octotree
💾 OctoLinker
💾 Refined GitHub
💾 ZenHub

Available Syntax Highlighting Themes (Demo)

Theme GitHub CodeMirror Jupyter
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 ✔️ ✔️ ✔️
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.

Notes

  • If you're using a custom domain for GitHub Enterprise, be sure to include it though a @-moz-document rule (Firefox) or add it to the Applies to section in (Chrome).

Contributions

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

  1. 👓 Read the contribution guidelines.
  2. repo-forked Fork or cloud-download download this repository.
  3. 👌 Create a pull request!

Development

To develop, first install Node.js, install dependencies via npm install and install grunt via npm install -g grunt. After that, you can use the various grunt tasks available:

  • grunt: The default task will build a custom theme using a provided build.json file. See the wiki for details.
  • grunt min: Same as grunt, but outputs a minified style.
  • grunt user: Build a userstyle ready to be pasted on userstyles.org.
  • grunt usermin: Same as grunt user, but outputs a minified style.
  • grunt usercss: Build a Usercss style, to be used with modern userstyle engines like stylus.
  • grunt themes: Parse all theme files and combine them into minified styles in the themes directory.
  • grunt clean: Reformat github-dark.css to conform the style guide.
  • grunt lint: Run Stylelint on github-dark.css.
  • grunt authors: Regenerate the AUTHORS file based on git history.
  • grunt imagemin: Minify all images present in the image directory.
  • grunt generate: Regenerate auto-generated CSS rules based on GitHub's stylesheet. This should be ran regularly.
  • grunt patch: Increment the version on the patch version number. Also updates headers and creates a commit.
  • grunt minor: Increment the version on the minor version number. Also updates headers and creates a commit.
  • grunt major: Increment the version on the major version number. Also updates headers and creates a commit.
  • grunt update: Update and install dependencies.

Thanks to all that have contributed so far!

And thanks for the shoutout on the JS Party podcast!

github-dark-style's People

Contributors

silverwind avatar mottie avatar sircapsalot avatar mihawk90 avatar the-j0k3r avatar un1versal avatar dsoegijono avatar aalvarado avatar enzomartin avatar sparcut avatar 40n avatar auscompgeek avatar ijunkie22 avatar geolim4 avatar mike-koch avatar beefmaster avatar olets avatar thann avatar jucrouzet avatar tambry avatar tyler-sommer avatar mmizutani avatar rayrutjes avatar geekgonecrazy avatar bluscream avatar carymrobbins avatar evandarwin avatar franklinyu avatar ssarcandy avatar jetersen avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.