☰

GreasyFork - Dark Theme

Customizable Dark theme For GreasyFork.org

当前为 2020-07-08 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           GreasyFork - Dark Theme
  3. @namespace      https://greasyfork.org/en/users/124677-pabli
  4. @version        1.1.1
  5. @description    Customizable Dark theme For GreasyFork.org
  6. @author         Pabli
  7. @license        CC-BY-SA-4.0
  8. @homepageURL    https://greasyfork.org/en/scripts/395180-greasyfork-dark-theme
  9. @supportURL     https://greasyfork.org/en/scripts/395180-greasyfork-dark-theme/feedback
  10. @preprocessor   stylus
  11. @var            number maxwidth "Width Site (px)" 960
  12. @var            number maxwidthf "Width Forum (px)" 960
  13. @var            select theme "Theme syntax" ["Desert", "Sunburst", "Sons-Of-Obsidian", "Doxy"]
  14. @var            checkbox wrap "Code wrap" 1
  15. @var            checkbox scrollbar "Dark Scroll Bar" 1
  16. @var            checkbox sidebar "Forum sidebar to the right" 0
  17. @var            color bg-header "Header background" #640000
  18. @var            color t-header "Header text" #fafafa
  19. @var            color bg "Background" #111
  20. @var            color t-1 "Main text" #fafafa
  21. @var            color t-2 "Second text" #aeaeae
  22. @var            color t-link "Link" #ff7070
  23. @var            color bg-sidebar "Sidebar" #1a1a1a
  24. @var            color bg-sidebar-btn "Sidebar button" #510909
  25. @var            color bg-sidebar-btn-h "Sidebar button hover" #323232
  26. @var            color bg-btn "Button" #1a1a1a
  27. @var            color bg-btn-h "Button hover" #323232
  28. @var            color t-btn "Button text" #fafafa
  29. @var            color border-btn "Button border" rgba(255, 255, 255, 0.1)
  30. @var            color border-btn-h "Button border hover" rgba(255, 255, 255, 0.2)
  31. @var            color bg-textarea "Text area background" #1a1a1a
  32. @var            color bg-usercontent "User content background" rgba(0, 0, 0, 0)
  33. ==/UserStyle== */
  34.  
  35. @-moz-document domain("greasyfork.org") {
  36.  
  37. .width-constraint {
  38. 	max-width: maxwidth px;
  39. }
  40. body, .script-list, .user-list, .text-content,
  41. #script-info,
  42. body:not(.Settings), #Content {
  43. 	background-color: bg;
  44. 	color: t-1;
  45. }
  46. .announcement input {
  47. 	color: t-1;
  48. }
  49. #main-header,
  50. body:not(.Settings) #Head {
  51. 	background-color: bg-header;
  52. 	background-image: linear-gradient(rgba(0, 0, 0, 0.3), bg-header);
  53. }
  54. .script-list, .user-list, .text-content,
  55. .list-option-group ul,
  56. #script-info,
  57. #Content {
  58. 	box-shadow: none;
  59. 	border: none;
  60. }
  61. a, a:visited, body:not(.Settings) a:not(.Button):not(.ChangePicture) {
  62. 	color: t-link;
  63. 	text-decoration: none;
  64. 		&:hover {
  65. 			color: t-link;
  66. 			text-decoration: underline;
  67. 		}
  68. }
  69. #Head a {
  70. 	text-decoration: none;
  71. 	&:hover {
  72. 		text-decoration: underline;
  73. 	}
  74. }
  75. #main-header, #main-header a, #main-header a:visited, #main-header a:active,
  76. #site-nav>nav a:hover {
  77. 	color: t-header;
  78. }
  79. #site-name-text h1 a:hover {
  80. 	text-decoration: none !important;
  81. }
  82. #home-script-nav {
  83. 	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  84. }
  85. #language-selector-locale {
  86. 	background: bg-header;
  87. 	color: t-header;
  88. 	border: 1px solid rgba(255, 255, 255, .5);
  89. }
  90. nav nav,
  91. .SiteMenu nav {
  92. 	background-color: bg-header;
  93. }
  94.  
  95. textarea, textarea:focus, select, input, input.DateBox, input.InputBox, input.SmallInput, .InputBox, .Preview, input.SmallInput:focus, input.InputBox:focus,
  96. form.new_user input[type="text"], form.new_user input[type="email"], form.new_user input[type="password"], input[type="text"] {
  97. 	color: t-1;
  98. 	background: bg-textarea;
  99. 	border: 1px solid rgba(255, 255, 255, .1);
  100. 	outline: none;
  101. }
  102. .Button, .Button.Active, .ButtonGroup.Open .Button.Handle, .Button:focus, .Button:active, .BigButton, .NewDiscussion,
  103. form.new_user input[type="submit"], button {
  104. 	background: bg-btn;
  105. 	color: t-btn !important;
  106. 	border: 1px solid border-btn;
  107. 	text-decoration: none;
  108. 	box-shadow: none;
  109. 	cursor: pointer;
  110. 		&:hover {
  111. 			background: bg-btn-h;
  112. 			color: t-btn;
  113. 			border-color: border-btn-h;
  114. 			text-decoration: none;
  115. 		}
  116. }
  117. :focus {
  118. 	outline-style: none;
  119. }
  120. //search
  121. .sidebar-search input[type=submit], .home-search input[type=submit], .search-submit, .SiteSearch .Button {
  122. 	color: transparent !important;
  123. 	opacity: 1;
  124. 	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABYklEQVQ4T5XTu2qVQRTF8d8CMdp7AW9V7MwLaNKo7+ANe1ERK7Hy2oidmOALiMlDKIIS8QEsRLFRYqG9lyBsmThHviMnB7ObGT5m/t9ae6+JQVXVAi6hrbvwFS+xmGR1eHa0T9tU1TY8xIVJh/q3JVxN8mt4ZgR41C9/wz08wSccxDlcx04sJbk8BuiyX6BdPpHk9b8qquoonnbI/NBOqmoFp3Ajyd3NLFTVLdzEcpKzf3tQVWvYh9kkH6YAZvEea0kODAE/sR0zSdanAGbwA+tJ2n6jmoX/VXAY7/A5yf4hYBmnm78kd6YouN36hJUkZ4aA+R6W7ziZ5NWEKRzrU2jSF8am0IPUQnIRDXIfj/ERh3Ae17ADXzCXpK1/ejBI4oMOmeSieqz34E3PywZkAzCqqmpSR29hb7/UQrbYR/gMR4aQMcBmDRz8YDcaZA5vcXxLgG632Rgpeb5lwADSnsCV30xRiAuwE+OqAAAAAElFTkSuQmCC') no-repeat center !important;
  125. 	border: none !important;
  126. 	cursor: pointer;
  127. }
  128. .SiteSearch .Button {
  129. 	top: 6px;
  130. }
  131. .SearchForm .SiteSearch .Button {
  132. 	top: 10px;
  133. }
  134. #Panel input.InputBox, .AddPeople textarea.MultiComplete {
  135. 	border-radius: 5px;
  136. }
  137. .sidebar-search input[type=search],
  138. .home-search input[type=search] {
  139. 	border-radius: 5px;
  140. 	padding: 5px;
  141. 	padding-inline-end: 25px;
  142. }
  143. .sidebar-search input[type=submit],
  144. .home-search input[type=submit] {
  145. 	padding: 5px;
  146. }
  147. .SearchForm .InputBox {
  148. 	border: 1px solid rgba(255, 255, 255, .1);
  149. }
  150. 	
  151. // sidebar
  152. .list-option-group ul,
  153. #Panel .FilterMenu, #Panel .PanelCategories, #Panel .MeBox,
  154. .list-option-groups .carbon-ad, .list-option-groups .adsense-ad {
  155. 	border: 1px solid rgba(255, 255, 255, .1);
  156. 	background-color: bg-sidebar;
  157. 	box-shadow: none;
  158. }
  159. .list-option-button {
  160. 	background-color: bg-sidebar;
  161. 	color: t-1 !important;
  162. 	border: 1px solid rgba(255, 255, 255, .1);
  163. }
  164. .list-option-group .list-current, 
  165. #Panel .FilterMenu .Active a, #Panel .PanelCategories .Active a {
  166. 	border-left: none;
  167. 	margin: unset;
  168. 	background: bg-sidebar-btn !important;
  169. 	color: t-1;
  170. }
  171. .list-option-button:hover, .list-option-button:focus,
  172. .list-option-group a:hover, .list-option-group a:focus,
  173.  #Panel .FilterMenu a:hover, #Panel .PanelCategories a:hover, #Panel .FilterMenu a:focus, #Panel .PanelCategories a:focus {
  174. 	background: bg-sidebar-btn-h;
  175. 	color: t-1 !important;
  176. 	text-decoration: none !important;
  177. 	box-shadow: none;
  178. }
  179. if sidebar {
  180. 	#Panel {
  181. 		float: right;
  182. 	}
  183. }
  184.  
  185. #user-profile {
  186. 	border: 1px solid rgba(255, 255, 255, .1);
  187. 	background-color: rgba(0,0,0,0);
  188. }
  189. .change-script-set section {
  190. 	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  191. }
  192.  
  193. .install-link, .install-help-link {
  194. 	color: #fff !important;
  195. }
  196. .script-list li:not(.ad-entry),
  197. .DataList .Item, .NarrowList .Item {
  198. 	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  199. }
  200. .notice {
  201. 	background-color: #1c2123;
  202. 	border-left: 6px solid #204050;
  203. }	
  204. .alert {
  205. 	background-color: #222211;
  206. 	border-left: 6px solid #a1931a;
  207. }
  208. #version-note {
  209. 	background-color: #4e4e0e;
  210. 	border: 2px dotted #bfd314;
  211. }
  212.  
  213. .rating-icon-good {
  214. 	color: #ccffcc;
  215. }
  216. .rating-icon-ok {
  217. 	color: #ffffcc;
  218. }
  219. .rating-icon-bad {
  220. 	color: #ffcccc;
  221. }
  222.  
  223. .badge-author {
  224. 	background-color: rgba(0,128,0,0.7);
  225. 	color: white;
  226. }
  227.  
  228. .good-rating-count {
  229. 	color: #80ff80;
  230. }
  231. .ok-rating-count {
  232. 	color: #ffff80;
  233. }
  234. .bad-rating-count {
  235. 	color: #ff8080;
  236. }
  237.  
  238. //pagination buttons
  239. .pagination>*, .script-list+.pagination>*, .user-list+.pagination>*,
  240. .Pager > * {
  241. 	background-color: transparent;
  242. }
  243. .pagination>a:hover, .pagination>a:focus,
  244. .Pager > a:hover, .Pager > a:focus {
  245. 	background-color: bg-sidebar-btn-h;
  246. 	color: t-1 !important;
  247. 	text-decoration: none !important;
  248. }
  249. body .Pager .Highlight {
  250. 	color: t-1 !important;
  251. }
  252. // /stats script 
  253. canvas {
  254. 	filter: invert(1) brightness(2);
  255. }
  256. //gallery
  257. .jslghtbx-contentwrapper>img {
  258.     background: #000;
  259. }
  260. .jslghtbx-prev.jslghtbx-no-img {
  261.     border-right-color: #aaa;
  262. }
  263. .jslghtbx-next.jslghtbx-no-img {
  264.     border-left-color: #aaa;
  265. }
  266. // feedback
  267. .discussion-list-item {
  268. 	border-top: 1px solid rgba(255, 255, 255, .1);
  269. }
  270. .script-discussion-list .discussion-list-item:last-child {
  271. 	border-bottom: 1px solid rgba(255, 255, 255, .1);
  272. }
  273. .user-content {
  274. 	border-bottom: 1px solid rgba(255,255,255,0.1);
  275. 	border-left: none;
  276. 	background: bg-usercontent;
  277. }
  278. .script-list, .user-list, .text-content, .discussion-list {
  279. 	box-shadow: none;
  280. 	background-color: unset;
  281. 	border: none;
  282. }
  283. // history code
  284. .diff ul {
  285. 	background: #000;
  286. }
  287. .diff li:hover {
  288. 	background-color: rgba(255, 255, 255, .2) !important 
  289. }
  290. .diff li.del, .diff del strong {
  291. 	background-color: rgba(255, 0, 0, .2); 
  292. 	color: #fdd;
  293. }
  294. .diff li.ins, .diff ins strong {
  295. 	background-color: rgba(0, 255, 0, .2); 
  296. 	color: #dfd;
  297. }
  298. .diff li.diff-block-info {
  299. 	background: none repeat scroll 0 0 #252525;
  300. }
  301.  
  302. .DiscussionForm label {
  303. 	color: t-2;
  304. }
  305.  
  306. .editor-fullpage #editor-fullpage-candidate,
  307. .editor-fullpage #editor-fullpage-candidate .editor {
  308. 	background-color: #000;
  309. }
  310.  
  311. code, .Message pre {
  312. 	background-color: #151515;
  313. }
  314. pre, code, .Message pre {
  315. 	border: 1px solid rgba(255, 255, 255, .1);
  316. }
  317.  
  318. if theme == Desert { 
  319. 	/* desert scheme ported from vim to google prettify */
  320. 	pre.prettyprint, pre.prettyprinted, .Message pre ol { display: block; background-color: #333 }
  321. 	pre .nocode { background-color: none; color: #000 }
  322. 	pre .str { color: #ffa0a0 } /* string  - pink */
  323. 	pre .kwd { color: #f0e68c; font-weight: bold }
  324. 	pre .com { color: #87ceeb } /* comment - skyblue */
  325. 	pre .typ { color: #98fb98 } /* type    - lightgreen */
  326. 	pre .lit { color: #cd5c5c } /* literal - darkred */
  327. 	pre .pun { color: #fff }    /* punctuation */
  328. 	pre .pln { color: #fff }    /* plaintext */
  329. 	pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */
  330. 	pre .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */
  331. 	pre .atv { color: #ffa0a0 } /* attribute value - pink */
  332. 	pre .dec { color: #98fb98 } /* decimal         - lightgreen */
  333.  
  334. 	/* Specify class=linenums on a pre to get line numbering */
  335. 	ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
  336. 	li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
  337. 	/* Alternate shading for lines */
  338. 	li.L1,li.L3,li.L5,li.L7,li.L9 { }
  339. }
  340. else if theme == Sunburst {
  341. 	/* Pretty printing styles. Used with prettify.js. */
  342. 	/* Vim sunburst theme by David Leibovic */
  343. 	pre .str, code .str { color: #65B042; } /* string  - green */
  344. 	pre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */
  345. 	pre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */
  346. 	pre .typ, code .typ { color: #89bdff; } /* type - light blue */
  347. 	pre .lit, code .lit { color: #3387CC; } /* literal - blue */
  348. 	pre .pun, code .pun { color: #fff; } /* punctuation - white */
  349. 	pre .pln, code .pln { color: #fff; } /* plaintext - white */
  350. 	pre .tag, code .tag { color: #89bdff; } /* html/xml tag    - light blue */
  351. 	pre .atn, code .atn { color: #bdb76b; } /* html/xml attribute name  - khaki */
  352. 	pre .atv, code .atv { color: #65B042; } /* html/xml attribute value - green */
  353. 	pre .dec, code .dec { color: #3387CC; } /* decimal - blue */
  354.  
  355. 	pre.prettyprint, code.prettyprint, , pre.prettyprinted, .Message pre ol {
  356. 		background-color: #000;
  357. 		border-radius: 8px;
  358. 	}
  359. 	/* Specify class=linenums on a pre to get line numbering */
  360. 	ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; } /* IE indents via margin-left */
  361. 	li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
  362. 	/* Alternate shading for lines */
  363. 	li.L1,li.L3,li.L5,li.L7,li.L9 { }
  364. }
  365. else if theme == Sons-Of-Obsidian {
  366. 	/*
  367. 	* Derived from einaros's Sons of Obsidian theme at
  368. 	* http://studiostyl.es/schemes/son-of-obsidian by
  369. 	* Alex Ford of CodeTunnel:
  370. 	* http://CodeTunnel.com/blog/post/71/google-code-prettify-obsidian-theme
  371. 	*/
  372. 	.str { color: #EC7600; }
  373. 	.kwd { color: #93C763; }
  374. 	.com { color: #66747B; }
  375. 	.typ { color: #678CB1; }
  376. 	.lit { color: #FACD22; }
  377. 	.pun { color: #F1F2F3; }
  378. 	.pln { color: #F1F2F3; }
  379. 	.tag { color: #8AC763; }
  380. 	.atn { color: #E0E2E4; }
  381. 	.atv { color: #EC7600; }
  382. 	.dec { color: purple; }
  383. 	pre.prettyprint { border: 0px solid #888; }
  384. 	ol.linenums
  385. 	{
  386. 		margin-top: 0;
  387. 		margin-bottom: 0;
  388. 	}
  389. 	.prettyprint, , pre.prettyprinted, .Message pre ol {
  390. 		background: #000;
  391. 	}
  392. 	li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9
  393. 	{
  394. 		color: #555;
  395. 		list-style-type: decimal;
  396. 	}
  397. 	li.L1, li.L3, li.L5, li.L7, li.L9 {
  398. 		background: #111;
  399. 	}
  400. }
  401. else if theme == Doxy {
  402. 	/* Doxy pretty-printing styles. Used with prettify.js.  */
  403. 	pre .str, code .str { color: #fec243; } /* string  - eggyolk gold */
  404. 	pre .kwd, code .kwd { color: #8470FF; } /* keyword - light slate blue */
  405. 	pre .com, code .com { color: #32cd32; font-style: italic; } /* comment - green */
  406. 	pre .typ, code .typ { color: #6ecbcc; } /* type - turq green */
  407. 	pre .lit, code .lit { color: #d06; } /* literal - cherry red */
  408. 	pre .pun, code .pun { color: #8B8970;  } /* punctuation - lemon chiffon4  */
  409. 	pre .pln, code .pln { color: #f0f0f0; } /* plaintext - white */
  410. 	pre .tag, code .tag { color: #9c9cff; } /* html/xml tag  (bluey)  */
  411. 	pre .htm, code .htm { color: #dda0dd; } /* html tag  light purply*/
  412. 	pre .xsl, code .xsl { color: #d0a0d0; } /* xslt tag  light purply*/
  413. 	pre .atn, code .atn { color: #46eeee; font-weight: normal;} /* html/xml attribute name  - lt turquoise */
  414. 	pre .atv, code .atv { color: #EEB4B4; } /* html/xml attribute value - rosy brown2 */
  415. 	pre .dec, code .dec { color: #3387CC; } /* decimal - blue */
  416. 	pre.prettyprint, code.prettyprint, pre.prettyprinted, .Message pre ol {
  417. 		font-family:'Droid Sans Mono','CPMono_v07 Bold','Droid Sans';
  418. 		font-weight: bold;
  419. 		font-size: 9pt;
  420. 		background-color: #0f0f0f;
  421. 		-moz-border-radius: 8px;
  422. 		-webkit-border-radius: 8px;
  423. 		-o-border-radius: 8px;
  424. 		-ms-border-radius: 8px;
  425. 		-khtml-border-radius: 8px;
  426. 		border-radius: 8px;
  427. 	}  /*  background is black (well, just a tad less dark )  */
  428. 	pre.prettyprint a, code.prettyprint a {
  429. 		text-decoration:none;
  430. 	}
  431. 	/* Specify class=linenums on a pre to get line numbering; line numbers themselves are the same color as punctuation */
  432. 	ol.linenums { margin-top: 0; margin-bottom: 0; color: #8B8970; } /* IE indents via margin-left */
  433. 	li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
  434. 	/* Alternate shading for lines */
  435. 	li.L1,li.L3,li.L5,li.L7,li.L9 { }
  436. }
  437. if wrap {
  438. 	pre.prettyprint, pre code {
  439. 		word-break: break-word;
  440. 		overflow-wrap: break-word;
  441. 		white-space: pre-wrap;
  442. 	}
  443. }
  444. // ace theme tomorrow_night_bright
  445. // Enable syntax-highlighting source editor
  446. #ace-editor {
  447. 	border: 1px solid rgba(255, 255, 255, 0.1);
  448. }
  449. .ace_gutter {
  450. 	background: #1a1a1a !important;
  451. 	color: #DEDEDE !important;
  452. }
  453. .ace_print-margin {
  454. 	width: 1px !important;
  455. 	background: #1a1a1a !important;
  456. }
  457. .ace_editor {
  458. 	background-color: #000000 !important;
  459. 	color: #DEDEDE !important;
  460. }
  461. .ace_cursor {
  462. 	color: #9F9F9F !important;
  463. }
  464. .ace_marker-layer .ace_selection {
  465. 	background: #424242 !important;
  466. }
  467. .ace_multiselect .ace_selection.ace_start {
  468. 	box-shadow: 0 0 3px 0px #000000 !important;
  469. }
  470. .ace_marker-layer .ace_step {
  471. 	background: rgb(102, 82, 0) !important;
  472. }
  473. .ace_marker-layer .ace_bracket {
  474. 	margin: -1px 0 0 -1px !important;
  475. 	border: 1px solid #888888 !important;
  476. }
  477. .ace_marker-layer .ace_highlight {
  478. 	border: 1px solid rgb(110, 119, 0) !important;
  479. 	border-bottom: 0 !important;
  480. 	box-shadow: inset 0 -1px rgb(110, 119, 0) !important;
  481. 	margin: -1px 0 0 -1px !important;
  482. 	background: rgba(255, 235, 0, 0.1) !important;
  483. }
  484. .ace_marker-layer .ace_active-line {
  485. 	background: #2A2A2A !important;
  486. }
  487. .ace_gutter-active-line {
  488. 	background-color: #2A2A2A !important;
  489. }
  490. .ace_stack {
  491. 	background-color: rgb(66, 90, 44) !important;
  492. }
  493. .ace_marker-layer .ace_selected-word {
  494. 	border: 1px solid #888888 !important;
  495. }
  496. .ace_invisible {
  497. 	color: #343434 !important;
  498. }
  499. .ace_keyword,
  500. .ace_meta,
  501. .ace_storage,
  502. .ace_storage.ace_type,
  503. .ace_support.ace_type {
  504. 	color: #C397D8 !important;
  505. }
  506. .ace_keyword.ace_operator {
  507. 	color: #70C0B1 !important;
  508. }
  509. .ace_constant.ace_character,
  510. .ace_constant.ace_language,
  511. .ace_constant.ace_numeric,
  512. .ace_keyword.ace_other.ace_unit,
  513. .ace_support.ace_constant,
  514. .ace_variable.ace_parameter {
  515. 	color: #E78C45 !important;
  516. }
  517. .ace_constant.ace_other {
  518. 	color: #EEEEEE !important;
  519. }
  520. .ace_invalid {
  521. 	color: #CED2CF !important;
  522. 	background-color: #DF5F5F !important;
  523. }
  524. .ace_invalid.ace_deprecated {
  525. 	color: #CED2CF !important;
  526. 	background-color: #B798BF !important;
  527. }
  528.  
  529. .ace_fold {
  530. 	background-color: #7AA6DA !important;
  531. 	border-color: #DEDEDE !important;
  532. }
  533. .ace_entity.ace_name.ace_function,
  534. .ace_support.ace_function,
  535. .ace_variable {
  536. 	color: #7AA6DA !important;
  537. }
  538. .ace_support.ace_class,
  539. .ace_support.ace_type {
  540. 	color: #E7C547 !important;
  541. }
  542. .ace_heading,
  543. .ace_markup.ace_heading,
  544. .ace_string {
  545. 	color: #B9CA4A !important;
  546. }
  547. .ace_entity.ace_name.ace_tag,
  548. .ace_entity.ace_other.ace_attribute-name,
  549. .ace_meta.ace_tag,
  550. .ace_string.ace_regexp,
  551. .ace_variable {
  552. 	color: #D54E53 !important;
  553. }
  554. .ace_comment {
  555. 	color: #969896 !important;
  556. }
  557. .ace_c9searchresults.ace_keyword {
  558. 	color: #C2C280 !important;
  559. }
  560. .ace_indent-guide {
  561. 	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYFBXV/8PAAJoAXX4kT2EAAAAAElFTkSuQmCC') right repeat-y !important;
  562. }
  563.  
  564.  
  565. form.external-login-form,
  566. form.new_user {
  567.     background-color: bg;
  568.     border: none;
  569. }
  570. form.new_user input[type="text"], form.new_user input[type="email"], form.new_user input[type="password"] {
  571.     color: texxt-color;
  572.     background-color: textarea-color;
  573.     border: 1px solid rgba(255, 255, 255, .1);
  574.     box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  575. }
  576.  
  577. .external-login {
  578. 	border: 1px solid border-btn;
  579. 	background-repeat: no-repeat !important;
  580. 	background-size: 16px 16px !important;;
  581. 	background-position: 5px 2px !important;;
  582. }
  583.  
  584.  
  585. //forum
  586. .ItemDiscussion .Meta, .DataList .Meta,
  587. dl.About dt {
  588. 	color: t-2;
  589. }
  590. .Item.Read {
  591. 	background: rgba(255, 255, 255, 0.02);
  592. }
  593. .MenuItems, .FlyoutMenu {
  594. 	border: 1px solid rgba(255, 255, 255, 0.1);
  595. 	background: bg-sidebar;
  596. 	color: t-1;
  597. }
  598. .Flyout:after {
  599. 	border-bottom: 7px solid bg-sidebar;
  600. }
  601. .MenuItems a, .MenuItems a:link, .MenuItems a:visited, .MenuItems a:active {
  602. 	color: t-1 !important;
  603. }
  604. .MenuItems a:hover {
  605. 	color: t-1 !important;
  606. 	text-decoration: none !important;
  607. 	background-color: bg-sidebar-btn-h !important;
  608. }
  609. .MenuItems hr {
  610. 	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  611. }
  612. .PopList .Meta {
  613. 	color: t-2;
  614. }
  615. .FlyoutMenu a {
  616. 	color: t-link;
  617. }
  618. blockquote.Quote, blockquote.UserQuote {
  619. 	background: rgba(255, 255, 255, 0.05);
  620. 	border-left: 4px solid rgba(255, 255, 255, 0.1);
  621. }
  622. .OptionsTitle {
  623. 	filter: invert(1);
  624. }
  625. .ReactSprite, .SpEditProfile {
  626. 	background-image: url(https://i.imgur.com/HbaKg8l.png);
  627. }
  628. .SpNotifications, .SpGlobe {
  629. 	background-position: -32px -212px;
  630. }
  631. .SpInbox, .SpEnvelope {
  632. 	background-position: 0 -228px;
  633. }
  634. .SpBookmarks, .SpStar {
  635. 	background-position: -80px -245px;
  636. }
  637. .SpDashboard, .SpOptions, .SpCog {
  638. 	background-position: 0 -211px;
  639. }
  640. table.PreferenceGroup tbody tr:hover td {
  641. 	background: rgba(255, 255, 255, 0.05);
  642. }
  643. .DismissMessage {
  644. 	color: t-1;
  645. }
  646. .WarningMessage {
  647. 	background: #19100f;
  648. 	border: 1px solid #4c2825;
  649. }
  650. span.Warning, div.Warning {
  651. 	background: #19100f;
  652. 	border: 2px solid #4c2825;
  653. 	color: #ffffff;
  654. }
  655. div.Popup .Body {
  656. 	background: bg;
  657. }
  658. .NavButton, .NavButton:hover, .ButtonGroup.Open .NavButton.Handle {
  659. 	border: 1px solid rgba(255, 255, 255, 0.1);
  660. 	background-color: bg-sidebar;
  661. 	color: t-1!important;
  662. 	text-decoration: none!important;
  663. }
  664.  
  665. .PoweredByVanilla {
  666. 	display: none;
  667. }
  668.  
  669. #Panel {
  670. 	margin: unset;
  671. }
  672. #Body {
  673. 	max-width: none;
  674. }
  675. #Body .Row {
  676. 	width: max-content;
  677. }
  678. #Content {
  679. 	width: maxwidthf - 200 px;
  680. }
  681.  
  682. //
  683. .tabs>*:not(.current) a {
  684. 	margin-top: unset;
  685. 	padding-top: unset;
  686. }
  687. .tabs .current {
  688. 	border-top: none;
  689. }
  690. .tabs>*>* {
  691. 	padding: 0.25em .5em .5em!important;
  692. }
  693. .current {
  694. 	font-weight: bold;
  695. }
  696.  
  697. .PageControls {
  698. 	margin: 0px;
  699. }
  700.  
  701. #Content .HomepageTitle {
  702. 	border-top: none;
  703. 	margin: 0px;
  704. 	padding: 0px;
  705. }
  706.  
  707. img[src*="images/defaulticon.png"] {
  708. 	opacity: 0.5;
  709. }
  710.  
  711. if scrollbar {
  712. 	//chrome
  713. 	::-webkit-scrollbar {
  714. 		width: 8px;
  715. 		background-color: rgba(0, 0, 0, 0);
  716. 	} 
  717. 	::-webkit-scrollbar-thumb {
  718. 		background-color: #444;
  719. 	}
  720. 	::-webkit-scrollbar-thumb:hover {
  721. 		background: #777 !important;
  722. 	}
  723. 	::-webkit-scrollbar-corner {
  724. 		background: #444;
  725. 	}
  726. 	//firefox
  727. 	html {
  728. 		scrollbar-color: #444 bg !important;
  729. 		scrollbar-width: thin !important;
  730. 	}
  731. }
  732.  
  733.  
  734. //ads
  735. div#cf, div#cf span.cf-wrapper {
  736. 	background-color: rgba(255, 255, 255, .03) !important;
  737. }
  738. div#cf span.cf-wrapper span.cf-text,
  739. div#cf span.cf-wrapper a.cf-text,
  740. div#cf span.cf-wrapper a.cf-powered-by {
  741. 	color: hsla(0,0%,100%,.7) !important;
  742. }
  743. div#cf span.cf-wrapper a.cf-text span.cf-cta {
  744. 	color: #fff !important;
  745. }
  746. #script-show-info-ad #carbonads {
  747.     background-color: unset;
  748. }
  749.  
  750. }