☰

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

当前为 2015-11-12 提交的版本，查看 最新版本。

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