☰

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

  1. // ==UserScript==
  2. // @name					[docs.unity3d & local] Unity Black - a dark theme with JS/C# syntax highlighting
  3. // @namespace				https://greasyfork.org/en/users/10118-drhouse
  4. // @version					1.1
  5. // @description				A beautiful dark theme with syntax highlighting (4 color schemes, JS & C#) that improves visual code samples and lowers screen glare.
  6. // @include					http://docs.unity3d.com/*
  7. // @include					https://docs.unity3d.com/*
  8. // @include					file://*Editor/Data/Documentation/*
  9. // @require					http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  10. // @require					http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js
  11. // @resource bold		    https://raw.githubusercontent.com/daylerees/colour-schemes/master/highlightjs/bold.css
  12. // @resource grayscale		https://raw.githubusercontent.com/idleberg/base16-highlight.js/master/base16-grayscale.dark.css
  13. // @resource ocean			https://raw.githubusercontent.com/idleberg/base16-highlight.js/master/base16-ocean.dark.css
  14. // @resource tomorrow		https://raw.githubusercontent.com/idleberg/base16-highlight.js/master/base16-tomorrow.dark.css
  15. // @grant                   GM_getValue
  16. // @grant                   GM_setValue
  17. // @grant                   GM_deleteValue
  18. // @grant					GM_addStyle
  19. // @grant					GM_getResourceText
  20. // @author					drhouse
  21. // @icon					http://docs.unity3d.com/StaticFiles/images/favicons/favicon.ico
  22. // ==/UserScript==
  23.  
  24. this.$ = this.jQuery = jQuery.noConflict(true);
  25.  
  26. $(document).ready(function() {
  27. 	
  28. 	function bold(){
  29. 		GM_addStyle(GM_getResourceText("bold"));
  30. 		$('pre').each(function(i, block) {
  31. 			hljs.highlightBlock(block);
  32. 		});
  33. 		$('code').each(function(i, block) {
  34. 			hljs.highlightBlock(block);
  35. 		});
  36. 	}
  37. 	
  38. 	function github(){
  39. 		GM_addStyle(GM_getResourceText("github"));
  40. 		$('pre').each(function(i, block) {
  41. 			hljs.highlightBlock(block);
  42. 		});
  43. 		$('code').each(function(i, block) {
  44. 			hljs.highlightBlock(block);
  45. 		});
  46. 	}
  47.  
  48. 	function grayscale(){
  49. 		GM_addStyle(GM_getResourceText("grayscale"));
  50. 		$('pre').each(function(i, block) {
  51. 			hljs.highlightBlock(block);
  52. 		});
  53. 		$('code').each(function(i, block) {
  54. 			hljs.highlightBlock(block);
  55. 		});
  56. 	}
  57.  
  58. 	function ocean(){
  59. 		GM_addStyle(GM_getResourceText("ocean"));
  60. 		$('pre').each(function(i, block) {
  61. 			hljs.highlightBlock(block);
  62. 		});
  63. 		$('code').each(function(i, block) {
  64. 			hljs.highlightBlock(block);
  65. 		});
  66. 	}
  67.  
  68. 	function tomorrow(){
  69. 		GM_addStyle(GM_getResourceText("tomorrow"));
  70. 		$('pre').each(function(i, block) {
  71. 			hljs.highlightBlock(block);
  72. 		});
  73. 		$('code').each(function(i, block) {
  74. 			hljs.highlightBlock(block);
  75. 		});
  76. 	}
  77.  
  78. 	//init style
  79. 	//bold();
  80. 	//github();
  81. 	//grayscale();
  82. 	ocean();
  83. 	//tomorrow();
  84.  
  85. 	//style selector
  86. 	$("<div id='rock1'></div>").appendTo('pre.codeExampleCS');
  87. 	$("<div id='rock'></div>").appendTo('pre');
  88. 	$('#rock').html('<a id="bold">bold</a> | <a id="grayscale">grayscale</a> | <a id="ocean">ocean</a> | <a id="tomorrow">tomorrow</a>  ')
  89. 		.css('position', 'absolute')
  90. 		.css('top', '0px')
  91. 		.css('right', '0px')
  92. 		.css('float', 'right');
  93.  
  94. 	$('#rock1').html('<a id="bold1">bold</a> | <a id="grayscale1">grayscale</a> | <a id="ocean1">ocean</a> | <a id="tomorrow1">tomorrow</a>  ')
  95. 		.css('position', 'absolute')
  96. 		.css('top', '0px')
  97. 		.css('right', '0px')
  98. 		.css('float', 'right');
  99.  
  100.  
  101. 	//add bg image logo
  102. 	$('pre').css('font-size', '0.8em').css('font-family', 'Consolas')
  103. 		.css('position', 'relative')
  104. 		.css('background-image','url("http://i.imgur.com/keF6WXn.png")  ')
  105. 		.css('background-image','width:10px')
  106. 		.css('background-position','top right')
  107. 		.css('background-repeat','no-repeat')
  108. 		.css('padding','1px');
  109.  
  110. 	$('code').css('position', 'relative')
  111. 		.css('position', 'relative')
  112. 		.css('background-image','url("http://i.imgur.com/keF6WXn.png")  ')
  113. 		.css('background-image','width:10px')
  114. 		.css('background-position','top right')
  115. 		.css('background-repeat','no-repeat')
  116. 		.css('padding','1px');
  117.  
  118.  
  119. 	var styleName;
  120. 	$("pre").on("click", function(e) {
  121. 		$("#bold").click(function(e) {
  122. 			e.preventDefault();
  123. 			bold();               
  124. 			styleName = 'bold';
  125. 			GM_setValue("unitystyle", styleName);
  126. 		});
  127. 		$("#grayscale").click(function(e) {
  128. 			e.preventDefault();
  129. 			grayscale();               
  130. 			styleName = 'grayscale';
  131. 			GM_setValue("unitystyle", styleName);
  132. 		});
  133. 		$('#ocean').on('click', function (e) {
  134. 			e.preventDefault();
  135. 			ocean();
  136. 			styleName = 'ocean';
  137. 			GM_setValue("unitystyle", styleName);
  138. 		});
  139. 		$('#tomorrow').on('click', function (e) {
  140. 			e.preventDefault();
  141. 			tomorrow();
  142. 			styleName = 'tomorrow';
  143. 			GM_setValue("unitystyle", styleName);
  144. 		});
  145. 	});
  146.  
  147. 	$("pre.codeExampleCS").on("click", function(e) {
  148. 		$("#bold1").click(function(e) {
  149. 			e.preventDefault();
  150. 			bold();               
  151. 			styleName = 'bold';
  152. 			GM_setValue("unitystyle", styleName);
  153. 		});
  154. 		$("#grayscale1").click(function(e) {
  155. 			e.preventDefault();
  156. 			grayscale();
  157. 			styleName = 'grayscale';
  158. 			console.log('cs gscale');
  159. 			GM_setValue("unitystyle", styleName);
  160. 		});
  161. 		$('#ocean1').on('click', function (e) {
  162. 			e.preventDefault();
  163. 			ocean();
  164. 			styleName = 'ocean';
  165. 			GM_setValue("unitystyle", styleName);
  166. 		});
  167. 		$('#tomorrow1').on('click', function (e) {
  168. 			e.preventDefault();
  169. 			tomorrow();
  170. 			styleName = 'tomorrow';
  171. 			GM_setValue("unitystyle", styleName);
  172. 		});
  173. 	});
  174.  
  175. 	var c = GM_getValue("unitystyle"); 
  176. 	console.log('get '+c);
  177. 	if (c == "bold"){
  178. 		$("#bold").click();	
  179. 		$("#bold").click();	
  180. 	} 
  181. 	if (c == "grayscale"){
  182. 		$("#grayscale").click();	
  183. 		$("#grayscale").click();	
  184. 	} 
  185. 	if (c == "ocean"){
  186. 		$("#ocean").click();	
  187. 		$("#ocean").click();	
  188. 	} 
  189. 	if (c == "tomorrow"){
  190. 		$("#tomorrow").click();	
  191. 		$("#tomorrow").click();	
  192. 	}
  193.  
  194.  
  195.     //css style
  196. 	$('html').css('background-color', '#1A1B1C');
  197. 	$('body').css('color', '#fff');
  198. 	$('a').css('color', '#fff');
  199. 	$('h1').css('color', '#fff');
  200. 	$('h2').css('color', '#fff');
  201. 	$('.subsection').css('color', '#ccc');
  202. 	$('table').css('background', '#222');
  203. 	$('th').css('background', '#222c37');
  204. 	$('div.toolbar').css('background', '#1A1B1C');
  205. 	$('h1 h2 p span a').css('background-color', '#fff !important');
  206. 	$('td').css('border-style', 'ridge')
  207. 		.css('border-width', '2px !important')
  208. 		.css('border-color', '#fff !important')
  209. 		.css('color', '#fff !important')
  210. 		.css('background-color', '#44474D !important');
  211. 	$('td.desc').css('border-width', '2px !important')
  212. 		.css('border-color', '#fff !important')
  213. 		.css('color', '#CACCD0 !important')
  214. 		.css('background-color', '#414449 !important');
  215. 	$('table.list tr:hover').css('outline', '#009393 2px solid !important');
  216. 	$('table.list tr:nth-child(odd)').css('background-color', '#222');
  217. 	$('table.list tr:nth-child(even)').css('background-color', '#222');
  218. 	$('.filler').css('background-color', '#222c37');
  219. 	$('.mCSB_draggerRail').css('background-color', '#000!important');
  220. 	$('.mCSB_dragger_bar').css('background-color', '#333');
  221. 	$('div.sidebar-wrap').css('background-color', '#1A1B1C')
  222. 		.css('width', '339px')
  223. 		.css('position', 'fixed')
  224. 		.css('border-right', '#000 0px dashed');
  225. 	$('div.arrow').css('background', '#27292C url("http://docs.unity3d.com/StaticFiles/images/sprites.png") 0 0 no-repeat')
  226. 		.css('border', '#9ca9be 1px solid');
  227. 	$('.nextprev').css('background', '#222c37')
  228. 		.css('padding', '0px');
  229. 	$('body > div.header-wrapper > div.toolbar > div > div.script-lang').css('color','#222c37');
  230. 	$('body > div.header-wrapper > div.toolbar > div > div > div.lang-list > ul > li > a').css('color','black'); 
  231. 	//*/
  232.  
  233. });