Awesome
<p align="center"> <img alt="githubdark-script-logo" src="https://cdn.jsdelivr.net/gh/StylishThemes/logos@master/github.dark/githubdark-script-mini.svg" width="580"> <br> <a href="https://github.com/StylishThemes/GitHub-Dark-Script/tags"> <img src="https://img.shields.io/github/tag/StylishThemes/GitHub-Dark-Script.svg?label=tagged%20at" alt="Tag"> </a> <a href="https://github.com/StylishThemes/GitHub-Dark-Script/stargazers"> <img src="https://img.shields.io/github/stars/StylishThemes/GitHub-Dark-Script.svg?label=stars" alt="Checkout Our Stars"> </a> <a href="https://github.com/StylishThemes/GitHub-Dark-Script/network"> <img src="https://img.shields.io/github/forks/StylishThemes/GitHub-Dark-Script.svg?label=forks" alt="Checkout Our Forks"> </a> <a href="https://david-dm.org/StylishThemes/GitHub-Dark-Script#info=devDependencies"> <img src="https://img.shields.io/david/dev/StylishThemes/GitHub-Dark-Script.svg?label=%20devDependencies%20" alt="devDependencies"> </a> <a href="https://gitter.im/StylishThemes/GitHub-Dark"> <img src="https://img.shields.io/gitter/room/StylishThemes/Github-Dark.js.svg?label=chat%20with%20us%20" alt="Chat with us on Gitter"> </a> </p> <h2 align="center">Your eyes will :heart: you.</h2>GitHub Dark in userscript form, with a settings panel
This script loads and applies the 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
-
First, you need a userscript manager. Options include:
-
Then install the script via any of these methods:
Screenshot
Using the Script
Main Script
- Open GitHub Dark setting panel
- Click on avatar & choose "GitHub Dark Settings", or
- Press <kbd>g</kbd>, then <kbd>0</kbd> (zero) within one second of each other.
- Toggle GitHub Dark style
- Use the "Enable GitHub-Dark" checkbox within the settings panel, or
- Press <kbd>g</kbd>, then <kbd>-</kbd> (minus sign) within one second of each other.
- For more details on other settings, see the Home wiki page.
Toggles
- These toggles are included with the GitHub Dark script.
- Learn how to use the toggle buttons from the Toggles wiki page.
- 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:
Additional Scripts
- GitHub-Make-Tooltips (GreasyFork or OpenUserJS) - Convert browser default
title
attributes into GitHub styled tooltips. - GitHub-Custom-Emojis (GreasyFork or OpenUserJS) - Add custom emojis anywhere on GitHub.
- GitHub-userscripts (GreasyFork or OpenUserJS) - Userscripts to add functionality to GitHub.