[docs.unity3d & local] Unity Black - a dark theme with JS/C# syntax highlighting

A beautiful dark theme with syntax highlighting (4 color schemes, JS & C#) that improves visual code samples and lowers screen glare.

Versione datata 08/08/2016. Vedi la nuova versione l'ultima versione.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==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);
		});
		$('code').each(function(i, block) {
			hljs.highlightBlock(block);
		});
	}
	
	function github(){
		GM_addStyle(GM_getResourceText("github"));
		$('pre').each(function(i, block) {
			hljs.highlightBlock(block);
		});
		$('code').each(function(i, block) {
			hljs.highlightBlock(block);
		});
	}

	function grayscale(){
		GM_addStyle(GM_getResourceText("grayscale"));
		$('pre').each(function(i, block) {
			hljs.highlightBlock(block);
		});
		$('code').each(function(i, block) {
			hljs.highlightBlock(block);
		});
	}

	function ocean(){
		GM_addStyle(GM_getResourceText("ocean"));
		$('pre').each(function(i, block) {
			hljs.highlightBlock(block);
		});
		$('code').each(function(i, block) {
			hljs.highlightBlock(block);
		});
	}

	function tomorrow(){
		GM_addStyle(GM_getResourceText("tomorrow"));
		$('pre').each(function(i, block) {
			hljs.highlightBlock(block);
		});
		$('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');

	$('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');


	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'); 
	//*/

});