Last active
October 19, 2017 10:12
-
-
Save onionmk2/76b589e5132ab530e31e117b2c3f8967 to your computer and use it in GitHub Desktop.
[docs.unity3d & local] Unity Black - a dark theme with JS/C# syntax highlighting
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
// ==UserScript== | |
// @name [docs.unity3d & local] Unity Black - a dark theme with JS/C# syntax highlighting | |
// @namespace https://greasyfork.org/en/users/10118-drhouse | |
// @version 1.1 | |
// @description A beautiful dark theme with syntax highlighting (4 color schemes, JS & C#) that improves visual code samples and lowers screen glare. | |
// @include http://docs.unity3d.com/* | |
// @include https://docs.unity3d.com/* | |
// @include file://*Editor/Data/Documentation/* | |
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js | |
// @require http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js | |
// @resource bold https://raw.githubusercontent.com/daylerees/colour-schemes/master/highlightjs/bold.css | |
// @resource grayscale https://raw.githubusercontent.com/idleberg/base16-highlight.js/master/base16-grayscale.dark.css | |
// @resource ocean https://raw.githubusercontent.com/idleberg/base16-highlight.js/master/base16-ocean.dark.css | |
// @resource tomorrow https://raw.githubusercontent.com/idleberg/base16-highlight.js/master/base16-tomorrow.dark.css | |
// @grant GM_getValue | |
// @grant GM_setValue | |
// @grant GM_deleteValue | |
// @grant GM_addStyle | |
// @grant GM_getResourceText | |
// @author drhouse | |
// @icon http://docs.unity3d.com/StaticFiles/images/favicons/favicon.ico | |
// ==/UserScript== | |
this.$ = this.jQuery = jQuery.noConflict(true); | |
$(document).ready(function() { | |
function bold(){ | |
GM_addStyle(GM_getResourceText("bold")); | |
$('pre').each(function(i, block) { | |
hljs.highlightBlock(block); | |
}); | |
$('pre code').each(function(i, block) { | |
hljs.highlightBlock(block); | |
}); | |
} | |
function github(){ | |
GM_addStyle(GM_getResourceText("github")); | |
$('pre').each(function(i, block) { | |
hljs.highlightBlock(block); | |
}); | |
$('pre code').each(function(i, block) { | |
hljs.highlightBlock(block); | |
}); | |
} | |
function grayscale(){ | |
GM_addStyle(GM_getResourceText("grayscale")); | |
$('pre').each(function(i, block) { | |
hljs.highlightBlock(block); | |
}); | |
$('pre code').each(function(i, block) { | |
hljs.highlightBlock(block); | |
}); | |
} | |
function ocean(){ | |
GM_addStyle(GM_getResourceText("ocean")); | |
$('pre').each(function(i, block) { | |
hljs.highlightBlock(block); | |
}); | |
$('pre code').each(function(i, block) { | |
hljs.highlightBlock(block); | |
}); | |
} | |
function tomorrow(){ | |
GM_addStyle(GM_getResourceText("tomorrow")); | |
$('pre').each(function(i, block) { | |
hljs.highlightBlock(block); | |
}); | |
$('pre code').each(function(i, block) { | |
hljs.highlightBlock(block); | |
}); | |
} | |
//init style | |
//bold(); | |
//github(); | |
//grayscale(); | |
ocean(); | |
//tomorrow(); | |
//style selector | |
$("<div id='rock1'></div>").appendTo('pre.codeExampleCS'); | |
$("<div id='rock'></div>").appendTo('pre'); | |
/* | |
$('#rock').html('<a id="bold">bold</a> | <a id="grayscale">grayscale</a> | <a id="ocean">ocean</a> | <a id="tomorrow">tomorrow</a> ') | |
.css('position', 'absolute') | |
.css('top', '0px') | |
.css('right', '0px') | |
.css('float', 'right'); | |
$('#rock1').html('<a id="bold1">bold</a> | <a id="grayscale1">grayscale</a> | <a id="ocean1">ocean</a> | <a id="tomorrow1">tomorrow</a> ') | |
.css('position', 'absolute') | |
.css('top', '0px') | |
.css('right', '0px') | |
.css('float', 'right'); | |
*/ | |
//add bg image logo | |
$('pre').css('font-size', '0.8em').css('font-family', 'Consolas') | |
.css('position', 'relative') | |
.css('background-image','url("http://i.imgur.com/keF6WXn.png") ') | |
.css('background-image','width:10px') | |
.css('background-position','top right') | |
.css('background-repeat','no-repeat') | |
.css('padding','1px'); | |
$('pre code').css('position', 'relative') | |
.css('position', 'relative') | |
.css('background-image','url("http://i.imgur.com/keF6WXn.png") ') | |
.css('background-image','width:10px') | |
.css('background-position','top right') | |
.css('background-repeat','no-repeat') | |
.css('padding','1px'); | |
/* クリックすると、他のcssに切り替わるもの。 | |
var styleName; | |
$("pre").on("click", function(e) { | |
$("#bold").click(function(e) { | |
e.preventDefault(); | |
bold(); | |
styleName = 'bold'; | |
GM_setValue("unitystyle", styleName); | |
}); | |
$("#grayscale").click(function(e) { | |
e.preventDefault(); | |
grayscale(); | |
styleName = 'grayscale'; | |
GM_setValue("unitystyle", styleName); | |
}); | |
$('#ocean').on('click', function (e) { | |
e.preventDefault(); | |
ocean(); | |
styleName = 'ocean'; | |
GM_setValue("unitystyle", styleName); | |
}); | |
$('#tomorrow').on('click', function (e) { | |
e.preventDefault(); | |
tomorrow(); | |
styleName = 'tomorrow'; | |
GM_setValue("unitystyle", styleName); | |
}); | |
}); | |
$("pre.codeExampleCS").on("click", function(e) { | |
$("#bold1").click(function(e) { | |
e.preventDefault(); | |
bold(); | |
styleName = 'bold'; | |
GM_setValue("unitystyle", styleName); | |
}); | |
$("#grayscale1").click(function(e) { | |
e.preventDefault(); | |
grayscale(); | |
styleName = 'grayscale'; | |
console.log('cs gscale'); | |
GM_setValue("unitystyle", styleName); | |
}); | |
$('#ocean1').on('click', function (e) { | |
e.preventDefault(); | |
ocean(); | |
styleName = 'ocean'; | |
GM_setValue("unitystyle", styleName); | |
}); | |
$('#tomorrow1').on('click', function (e) { | |
e.preventDefault(); | |
tomorrow(); | |
styleName = 'tomorrow'; | |
GM_setValue("unitystyle", styleName); | |
}); | |
}); | |
var c = GM_getValue("unitystyle"); | |
console.log('get '+c); | |
if (c == "bold"){ | |
$("#bold").click(); | |
$("#bold").click(); | |
} | |
if (c == "grayscale"){ | |
$("#grayscale").click(); | |
$("#grayscale").click(); | |
} | |
if (c == "ocean"){ | |
$("#ocean").click(); | |
$("#ocean").click(); | |
} | |
if (c == "tomorrow"){ | |
$("#tomorrow").click(); | |
$("#tomorrow").click(); | |
} | |
*/ | |
/* | |
// ダークテーマのもの。 | |
//css style | |
$('html').css('background-color', '#1A1B1C'); | |
$('body').css('color', '#fff'); | |
$('a').css('color', '#fff'); | |
$('h1').css('color', '#fff'); | |
$('h2').css('color', '#fff'); | |
$('.subsection').css('color', '#ccc'); | |
$('table').css('background', '#222'); | |
$('th').css('background', '#222c37'); | |
$('div.toolbar').css('background', '#1A1B1C'); | |
$('h1 h2 p span a').css('background-color', '#fff !important'); | |
$('td').css('border-style', 'ridge') | |
.css('border-width', '2px !important') | |
.css('border-color', '#fff !important') | |
.css('color', '#fff !important') | |
.css('background-color', '#44474D !important'); | |
$('td.desc').css('border-width', '2px !important') | |
.css('border-color', '#fff !important') | |
.css('color', '#CACCD0 !important') | |
.css('background-color', '#414449 !important'); | |
$('table.list tr:hover').css('outline', '#009393 2px solid !important'); | |
$('table.list tr:nth-child(odd)').css('background-color', '#222'); | |
$('table.list tr:nth-child(even)').css('background-color', '#222'); | |
$('.filler').css('background-color', '#222c37'); | |
$('.mCSB_draggerRail').css('background-color', '#000!important'); | |
$('.mCSB_dragger_bar').css('background-color', '#333'); | |
$('div.sidebar-wrap').css('background-color', '#1A1B1C') | |
.css('width', '339px') | |
.css('position', 'fixed') | |
.css('border-right', '#000 0px dashed'); | |
$('div.arrow').css('background', '#27292C url("http://docs.unity3d.com/StaticFiles/images/sprites.png") 0 0 no-repeat') | |
.css('border', '#9ca9be 1px solid'); | |
$('.nextprev').css('background', '#222c37') | |
.css('padding', '0px'); | |
$('body > div.header-wrapper > div.toolbar > div > div.script-lang').css('color','#222c37'); | |
$('body > div.header-wrapper > div.toolbar > div > div > div.lang-list > ul > li > a').css('color','black'); | |
//*/ | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment