Created
November 9, 2016 12:29
-
-
Save amitmerchant1990/d00da1ccf3544c269f7bfd2fdca9f837 to your computer and use it in GitHub Desktop.
GitHub Code Previewer Dark Skin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
A nifty little CSS to experience GitHub code previewer in Dark Skin using Stylish. | |
1. Install the Stylish(https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en) extension for Chrome. | |
2. Open up extension options and paste the whole CSS mentioned below. | |
3. Add "URLs on the domian to" to be `render.githubusercontent.com`. | |
4 Add "URLs on the domian to" to be `raw.githubusercontent.com`. | |
4 Add "URLs matching the regexp" to be `^https?://((gist|guides|help|raw|status|developer).)?github.com((?!generated_pages/preview).)*$`. | |
4. Add a title and save. | |
*/ | |
.pl-s .pl-s1, .pl-smi { | |
color: #bbb !important; | |
} | |
.blob-wrapper{ | |
background-color: #1a2632 !important; | |
} | |
.blob-code-inner { | |
color: #6d6d72 !important; | |
} | |
.pl-pds, .pl-s, .pl-s .pl-pse .pl-s1, .pl-sr, .pl-sr .pl-cce, .pl-sr .pl-sra, .pl-sr .pl-sre { | |
color: #4078c0; | |
} | |
.blob-num { | |
color: #5e6b77; | |
border-color: #304251; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
The previewer will look like this:
Enjoy 😃