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

Stan na 08-11-2015. Zobacz najnowsza wersja.

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Greasemonkey lub Violentmonkey.

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Violentmonkey.

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Violentmonkey.

Aby zainstalować ten skrypt, wymagana będzie instalacja rozszerzenia Tampermonkey lub Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

Aby zainstalować ten skrypt, musisz zainstalować rozszerzenie menedżera skryptów użytkownika.

(Mam już menedżera skryptów użytkownika, pozwól mi to zainstalować!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

Będziesz musiał zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

Będziesz musiał zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

Musisz zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

(Mam już menedżera stylów użytkownika, pozwól mi to zainstalować!)

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

});