Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/StylishThemes/GitHub-Dark-Script

Archived - Please use https://github.com/StylishThemes/GitHub-Dark directly
https://github.com/StylishThemes/GitHub-Dark-Script

dark-theme github greasemonkey tampermonkey userscript

Last synced: 16 days ago
JSON representation

Archived - Please use https://github.com/StylishThemes/GitHub-Dark directly

Awesome Lists containing this project

README

        


githubdark-script-logo



Tag


Checkout Our Stars


Checkout Our Forks


devDependencies


Chat with us on Gitter


Your eyes will :heart: you.

> GitHub Dark in userscript form, with a settings panel

This script loads and applies the [GitHub Dark](https://github.com/StylishThemes/GitHub-Dark) Style

* An options panel allows you to change settings on-the-fly without the need to reinstall.
* Adds a code wrap toggle button to every code block.
* Adds a monospace font toggle to comment textareas.
* Adds a diff file view toggle to collapse or expand blocks.

# [Installation](https://github.com/StylishThemes/GitHub-Dark-Script/wiki/Install)

- First, you need a userscript manager. Options include:
- [Violentmonkey for Firefox](https://addons.mozilla.org/en-US/firefox/addon/violentmonkey/)
- [Violentmonkey for Chrome](https://chrome.google.com/webstore/detail/violentmonkey/jinjaccalgkegednnccohejagnlnfdag)
- [Greasemonkey for Firefox](https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/)
- [Tampermonkey for Chrome](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo)
- [other Browsers](https://github.com/StylishThemes/GitHub-Dark-Script/wiki/Install)

- Then install the script via any of these methods:
- [Install from GitHub](https://raw.githubusercontent.com/StylishThemes/GitHub-Dark-Script/master/github-dark-script.user.js)
- [Install from GreasyFork](https://greasyfork.org/en/scripts/15562-github-dark-script)
- [Install from OpenUserJS](https://openuserjs.org/scripts/StylishThemes/GitHub_Dark_Script)

# Screenshot

![github-dark script settings panel](https://cloud.githubusercontent.com/assets/136959/22908590/022f56d8-f215-11e6-954c-decc9ecbd259.png)

# [Using the Script](https://github.com/StylishThemes/GitHub-Dark-Script/wiki)

### Main Script

* Open GitHub Dark setting panel
* Click on avatar & choose "GitHub Dark Settings", or
* Press g, then 0 (zero) within one second of each other.
* Toggle GitHub Dark style
* Use the "Enable GitHub-Dark" checkbox within the settings panel, or
* Press g, then - (minus sign) within one second of each other.
* For more details on other settings, see the [Home wiki page](https://github.com/StylishThemes/GitHub-Dark-Script/wiki).

### Toggles

* **These toggles are included with the GitHub Dark script**.
* Learn how to use the toggle buttons from the [Toggles wiki page](https://github.com/StylishThemes/GitHub-Dark-Script/wiki/Toggles).
* There is no need to install these toggle scripts separately unless you *do not* want to use the GitHub Dark Script; to install, click the link below:
* [Code wrap toggle](https://raw.githubusercontent.com/StylishThemes/GitHub-Dark-Script/master/github-script-code-wrap.user.js) ([GreasyFork](https://greasyfork.org/en/scripts/18789-github-toggle-code-wrap) or [OpenUserJS](https://openuserjs.org/scripts/StylishThemes/GitHub_Toggle_Code_Wrap)).
* [Comment monospace font toggle](https://raw.githubusercontent.com/StylishThemes/GitHub-Dark-Script/master/github-script-monospace-toggle.user.js) ([GreasyFork](https://greasyfork.org/en/scripts/18787-github-monospace-font-toggle) or [OpenUserJS](https://openuserjs.org/scripts/StylishThemes/GitHub_Monospace_Font_Toggle)).
* [Diff file collapse or expand toggle](https://raw.githubusercontent.com/StylishThemes/GitHub-Dark-Script/master/github-script-diff-toggle.user.js) ([GreasyFork](https://greasyfork.org/en/scripts/18788-github-diff-file-toggle) or [OpenUserJS](https://openuserjs.org/scripts/StylishThemes/GitHub_Diff_File_Toggle)).

### Additional Scripts

* [GitHub-Make-Tooltips](https://raw.githubusercontent.com/StylishThemes/GitHub-Dark-Script/master/github-script-make-tooltips.user.js) ([GreasyFork](https://greasyfork.org/en/scripts/22194) or [OpenUserJS](https://openuserjs.org/scripts/StylishThemes/GitHub_Make_Tooltips)) - Convert browser default `title` attributes into GitHub styled tooltips.
* [GitHub-Custom-Emojis](https://github.com/StylishThemes/GitHub-Custom-Emojis) ([GreasyFork](https://greasyfork.org/en/scripts/17618) or [OpenUserJS](https://openuserjs.org/scripts/StylishThemes/GitHub_Custom_Emojis)) - Add custom emojis anywhere on GitHub.
* [GitHub-userscripts](https://github.com/Mottie/GitHub-userscripts) ([GreasyFork](https://greasyfork.org/en/users/24847) or [OpenUserJS](https://openuserjs.org/users/Mottie/scripts)) - Userscripts to add functionality to GitHub.