[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.

Versão de: 08/11/2015. Veja: a última versão.

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

// ==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.0
// @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					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'); 
	//*/

});