☰

uso - openuserjs.org Dark Edition

A dark style for openuserjs.org

  1. /* ==UserStyle==
  2. @name           uso - openuserjs.org Dark Edition
  3. @namespace 7kt-uso
  4. @author   	7KT-SWE
  5. @description    A dark style for openuserjs.org 
  6. @version        1.0.2
  7. @homepageURL	https://7kt.se/
  8. @preprocessor	default
  9. ==/UserStyle== */
  10. @-moz-document domain("openuserjs.org") {
  11. 		* {
  12. 		scrollbar-color: #474747 transparent !important;
  13. 		scrollbar-width: thin !important;
  14. 	}
  15. 	body {
  16. 		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  17. 		font-size: 14px !important;
  18. 		line-height: 1.42857143 !important;
  19. 		color: #ccc !important;
  20. 		background-color: #191919 !important;
  21. 	}
  22. 	.panel {
  23. 		margin-bottom: 20px !important;
  24. 		background-color: #232323 !important;
  25. 		border: 1px solid #343434 !important;
  26. 		border-radius: 4px !important;
  27. 		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
  28. 		box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
  29. 	}
  30. 	.panel-default > .panel-heading {
  31. 		color: #f1f1f1 !important;
  32. 		background-color: #595959 !important;
  33. 		border-color: #505050 !important;
  34. 	}
  35. 	.table-hover > tbody > tr:hover {
  36. 		background-color: #333 !important;
  37. 	}
  38. 	.table > tbody > tr > td,
  39. 	.table > tbody > tr > th,
  40. 	.table > tfoot > tr > td,
  41. 	.table > tfoot > tr > th,
  42. 	.table > thead > tr > td,
  43. 	.table > thead > tr > th {
  44. 		padding: 8px !important;
  45. 		line-height: 1.42857143 !important;
  46. 		vertical-align: top !important;
  47. 		border-top: 1px solid #343434 !important;
  48. 	}
  49. 	.pagination > li > a,
  50. 	.pagination > li > span {
  51. 		position: relative !important;
  52. 		float: left !important;
  53. 		padding: 6px 12px !important;
  54. 		margin-left: -1px !important;
  55. 		line-height: 1.42857143 !important;
  56. 		color: #ffffff !important;
  57. 		text-decoration: none !important;
  58. 		background-color: #333 !important;
  59. 		border: 1px solid #505050 !important;
  60. 	}
  61. 	.pagination > li > a:focus,
  62. 	.pagination > li > a:hover,
  63. 	.pagination > li > span:focus,
  64. 	.pagination > li > span:hover {
  65. 		z-index: 2 !important;
  66. 		color: #ffffff !important;
  67. 		background-color: #595959 !important;
  68. 		border-color: #343434 !important;
  69. 	}
  70. 	.pagination > .active > a,
  71. 	.pagination > .active > a:focus,
  72. 	.pagination > .active > a:hover,
  73. 	.pagination > .active > span,
  74. 	.pagination > .active > span:focus,
  75. 	.pagination > .active > span:hover {
  76. 		z-index: 3 !important;
  77. 		color: #fff !important;
  78. 		cursor: default !important;
  79. 		background-color: #df691a !important;
  80. 		border-color: #2c3e50 !important;
  81. 	}
  82. 	.table > tbody > tr.active > td,
  83. 	.table > tbody > tr.active > th,
  84. 	.table > tbody > tr > td.active,
  85. 	.table > tbody > tr > th.active,
  86. 	.table > tfoot > tr.active > td,
  87. 	.table > tfoot > tr.active > th,
  88. 	.table > tfoot > tr > td.active,
  89. 	.table > tfoot > tr > th.active,
  90. 	.table > thead > tr.active > td,
  91. 	.table > thead > tr.active > th,
  92. 	.table > thead > tr > td.active,
  93. 	.table > thead > tr > th.active {
  94. 		background-color: #595959 !important;
  95. 	}
  96. 	.table > thead > tr > th {
  97. 		vertical-align: bottom !important;
  98. 		border-bottom: 2px solid #343434 !important;
  99. 	}
  100. 	.visible-md {
  101. 		display: block!important !important;
  102. 		color: #f1f1f1 !important;
  103. 	}
  104. 	a:focus,
  105. 	a:hover {
  106. 		color: #ffffff !important;
  107. 		text-decoration: underline !important;
  108. 	}
  109. 	th > a {
  110. 		display: block !important;
  111. 		color: #f1f1f1 !important;
  112. 	}
  113. 	.label-default {
  114. 		color: #f1f1f1 !important;
  115. 	}
  116. 	.label-default {
  117. 		background-color: #2c3e50 !important;
  118. 	}
  119. 	.badge {
  120. 		display: inline-block !important;
  121. 		min-width: 10px !important;
  122. 		padding: 2px 4px !important;
  123. 		font-size: 11px !important;
  124. 		font-weight: 700 !important;
  125. 		line-height: 1 !important;
  126. 		color: #fff !important;
  127. 		text-align: center !important;
  128. 		vertical-align: middle !important;
  129. 		background-color: #2c3e50 !important;
  130. 		border-radius: 2px !important;
  131. 	}
  132. 	.form-control {
  133. 		display: block !important;
  134. 		width: 100% !important;
  135. 		height: 34px !important;
  136. 		padding: 6px 12px !important;
  137. 		font-size: 14px !important;
  138. 		line-height: 1.42857143 !important;
  139. 		color: #555 !important;
  140. 		background-color: #232323 !important;
  141. 		background-image: none !important;
  142. 		border: 1px solid #505050 !important;
  143. 		border-radius: 4px !important;
  144. 		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
  145. 		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
  146. 		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
  147. 	}
  148. 	.ace-dawn {
  149. 		background-color: #191919 !important;
  150. 		color: #ffffff !important;
  151. 	}
  152. 	.ace-dawn .ace_comment {
  153. 		font-style: italic !important;
  154. 		color: #adadad !important;
  155. 	}
  156. 	.ace-dawn .ace_string {
  157. 		color: #5dcb7f !important;
  158. 	}
  159. 	.ace-dawn .ace_constant,
  160. 	.ace-dawn .ace_constant.ace_character,
  161. 	.ace-dawn .ace_constant.ace_character.ace_escape,
  162. 	.ace-dawn .ace_constant.ace_other {
  163. 		color: #fc525b !important;
  164. 	}
  165. 	.ace-dawn .ace_storage {
  166. 		font-style: italic !important;
  167. 		color: #ff3995 !important;
  168. 	}
  169. 	.ace-dawn .ace_keyword,
  170. 	.ace-dawn .ace_meta {
  171. 		color: #ff9b78 !important;
  172. 	}
  173. 	.ace-dawn .ace_variable {
  174. 		color: #79a6ff !important;
  175. 	}
  176. 	.ace-dawn .ace_list,
  177. 	.ace-dawn .ace_markup.ace_list,
  178. 	.ace-dawn .ace_support.ace_function {
  179. 		color: #c58250 !important;
  180. 	}
  181. 	.ace-dawn .ace_gutter {
  182. 		background: #343434 !important;
  183. 		color: #f1f1f1 !important;
  184. 	}
  185. 	.ace-dawn .ace_gutter-active-line {
  186. 		background-color: #565656 !important;
  187. 	}
  188. 	.ace-dawn .ace_print-margin {
  189. 		width: 1px !important;
  190. 		background: #464646 !important;
  191. 	}
  192. 	pre {
  193. 		display: block !important;
  194. 		padding: 9.5px !important;
  195. 		margin: 0 0 10px !important;
  196. 		font-size: 13px !important;
  197. 		line-height: 1.42857143 !important;
  198. 		color: #337 !important;
  199. 		/* word-break: break-all !important; */
  200. 		word-wrap: break-word !important;
  201. 		background-color: #191919 !important;
  202. 		border: 1px solid #505050 !important;
  203. 		border-radius: 4px !important;
  204. 	}
  205. 	.table-striped > tbody > tr:nth-of-type(odd) {
  206. 		background-color: #333 !important;
  207. 	}
  208. 	.list-group-item {
  209. 		position: relative !important;
  210. 		display: block !important;
  211. 		padding: 10px 15px !important;
  212. 		/* margin-bottom: -1px !important; */
  213. 		background-color: #232323 !important;
  214. 		border: 1px solid #505050 !important;
  215. 	}
  216. 	.md-editor > textarea {
  217. 		font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
  218. 		font-size: 14px !important;
  219. 		outline: 0 !important;
  220. 		margin: 0 !important;
  221. 		display: block !important;
  222. 		padding: 0 !important;
  223. 		width: 100% !important;
  224. 		border: 0 !important;
  225. 		border-top: 1px dashed #ddd !important;
  226. 		border-bottom: 1px dashed #ddd !important;
  227. 		border-radius: 0 !important;
  228. 		box-shadow: none !important;
  229. 		background: #191919 !important;
  230. 	}
  231. 	.md-editor > textarea:focus {
  232. 		box-shadow: none !important;
  233. 		background: #191919 !important;
  234. 	}
  235. 	.md-editor > textarea {
  236. 		font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
  237. 		font-size: 14px !important;
  238. 		outline: 0 !important;
  239. 		margin: 0 !important;
  240. 		display: block !important;
  241. 		padding: 0 !important;
  242. 		width: 100% !important;
  243. 		border: 0 !important;
  244. 		border-top: 1px dashed #999 !important;
  245. 		border-bottom: 1px dashed #999 !important;
  246. 		border-radius: 0 !important;
  247. 		box-shadow: none !important;
  248. 		background: #191919 !important;
  249. 	}
  250. 	.md-editor {
  251. 		display: block !important;
  252. 		border: 1px solid #999 !important;
  253. 	}
  254. 	.md-editor.active {
  255. 		border-color: #8d8d8d !important;
  256. 		outline: 0 !important;
  257. 	}
  258. 	.form-control:focus {
  259. 		border-color: #8d8d8d !important;
  260. 		outline: 0 !important;
  261. 	}
  262. 	.breadcrumb {
  263. 		padding: 8px 15px !important;
  264. 		margin-bottom: 20px !important;
  265. 		list-style: none !important;
  266. 		background-color: #333333 !important;
  267. 		border-radius: 4px !important;
  268. 	}
  269. 	.md-editor .md-footer,
  270. 	.md-editor > .md-header {
  271. 		display: block !important;
  272. 		padding: 6px 4px !important;
  273. 		background: #333 !important;
  274. 	}
  275. 	.input-group-addon {
  276. 		padding: 6px 12px !important;
  277. 		font-size: 14px !important;
  278. 		font-weight: 400 !important;
  279. 		line-height: 1 !important;
  280. 		color: #555 !important;
  281. 		text-align: center !important;
  282. 		background-color: #232323 !important;
  283. 		border: 1px solid #505050 !important;
  284. 		border-radius: 4px !important;
  285. 	}
  286. }