☰

TorrentBD True Dark CSS - Github Theme

Modifies TorrentBD to use Dark mode inspired by Github.

当前为 2023-01-25 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         TorrentBD True Dark CSS - Github Theme
  3. // @namespace    https://github.com/webdevsk
  4. // @version      2.22
  5. // @description  Modifies TorrentBD to use Dark mode inspired by Github.
  6. // @author       BENZiN
  7. // @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhEQ0QxMEFEM0FFRTExRUFBMzAwQzI2REE1MEFBNTJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhEQ0QxMEFFM0FFRTExRUFBMzAwQzI2REE1MEFBNTJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OERDRDEwQUIzQUVFMTFFQUEzMDBDMjZEQTUwQUE1MkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OERDRDEwQUMzQUVFMTFFQUEzMDBDMjZEQTUwQUE1MkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4l3CaDAAADIUlEQVR42rRXv09aURQ+FsHWCg2RIAwSm6okJZSmi4tLKUZjw+TC6H9RN7vRTu3CYOzSxXY0JozCQgJ1KNSENKQ1jRB/1GJMKaBAyOs5z3vN8/mAdwVO8oXAu/d8H/f8uOcNgH4bQbxEPEc8RTxEPGDP/iJ+ITKIOCKKKEOPbBKxzhxKOlFmeya7Ib6LeIOoCRCrQXvfMl9C9giR7oJYjbTIaTxDHPeQnOOY+e4Y75M+kHOctDuJeyyLpT7jG+OSbVAh4DXC1+mILBYLGAwGMBqNMDw8DENDQ5eOBi9dXVxcQK1Wg3q9Do1GQ0a5fK0inzCuV/RlQJF03xHGa4U/MiKTOJ1O8Pl8MDMzA4FAAKanp3VncyaTgXg8DolEArLZLBSLRRLVKJVKj/HxT75unR8RkkpIKIVCISkWi0n9ML/fT1wfOLmZNxkiDwaDUr9tfn6eNyszBW4RcV9WYjbD1tZWT9pntVqFzc1N2N/fh7GxMZibm4Px8XEIh8Ows7MDjHORBLzgmyje3VoqlYLl5WU4OjoCjPON5FUlpcyd4vG3Wq1SpVK5cWT5fF5aXV2V8yIajbY82nQ6LfsQKEnihj/KHz0ej5x8uVxOWllZkdxut4Tqr56Pjo62FICVItoTiFvssqFETSaTmgLsdrvwZXVHNMYUv/Pzc82koyYkaiSgJLKBksnr9fZq1iiRgD2RHZTJNpvtxu+3rKA9ErArsoPugHbiBG2XBGyL7DCZTC0bT7PZFBWwfa0V68HExIRmBVCvEKyACnHTCfxDfBbJAS07ODgQ/fefiJuXIQ2fDT27+L2vtsPDQxHyBhtWgQuge/ldN/VEl46AvUf8UArgE9HubQUUCgXdmc+4QC2A2tsS78+iRrefDiPfS5izVS0BgA8oFAuI36ICzs7OOi0hnwuMAzQFMBFf8WNWNBynp6edjn2W+W5tuOAK7HWKMrWuvq61jOZIjVqv81czpW/mv70AxcIpNrRS45DnA7VFIhH5mlYQV9nQOaXlU0iAYgO9nodcLtdHnOvynHxjY6PpcDiK+OwLYo3W0Np2vpQC/gswALqtfOgnVs/UAAAAAElFTkSuQmCC
  8. // @match       https://www.torrentbd.com/*
  9. // @match       https://www.torrentbd.me/*
  10. // @match       https://www.torrentbd.net/*
  11. // @match       https://www.torrentbd.org/*
  12. // @run-at       document-start
  13. // @grant        GM_addStyle
  14. // @license		 MIT
  15. // ==/UserScript==
  16.  
  17. (function() {
  18. 	let css = `
  19.  
  20. 	:root:root .dark-scheme{
  21.  
  22. 		--body-bg: 				#1c2026;
  23. 		--main-bg:				#21262d;
  24. 		--nav-bg:				#30363d;
  25. 	}
  26. 	:root:root .dark-scheme{
  27.  
  28. 		/* Main background */
  29. 		/* --body-bg: 				#1c2026; */
  30. 		/* 	--body-bg: 				#111111; */
  31. 		/* 	--body-bg: 				#1e232a; */
  32.  
  33. 		/* Block color */
  34. 		/* --main-bg:				#21262d; */
  35. 		/* 	--main-bg: 				#161B22; */
  36. 		/* 	--main-bg: 				#22272E; */
  37.  
  38. 		/* Navbar color */
  39. 		/* 	--nav-bg:				#21262d; */
  40. 		/* --nav-bg:				#30363d; */
  41. 		/* 	--nav-bg: 				#2D333B; */
  42.  
  43. 		/* --nav-bg:              #161B22;   */
  44.  
  45. 		/* Text color main */
  46. 		--text-color: 			#c9d1d9;
  47.  
  48. 		/* Text color for buttons with background color */
  49. 		--text-color-offset: 	#000000;
  50.  
  51. 		--modal-color: 			#c1cdd2;
  52. 		--nav-alt-bg:			#58a6ff;
  53. 		--border-color: 		#404040;
  54. 		--link-color: 			#cae8ff;
  55. 		--link-hover-color: 	#79c0ff;
  56. 		--link-sp1-color:		#bbbbbb;
  57. 		--link-sp1-hover-color: #58a6ff;
  58. 		--link-sp2-color: 		#58a6ff;
  59. 		--link-sp3-color:		#388bfd;
  60. 		--btn-1-color: 			#58a6ff;
  61. 		--btn-2-color:			#388bfd;
  62. 		--progress-bar-bg: 		#051d4d;
  63. 	}
  64.  
  65. 	/* scrollbar css for chome and opera only */
  66.  
  67. 	.dark-scheme::-webkit-scrollbar, .dark-scheme ::-webkit-scrollbar{
  68. 		width: 8px !important;
  69. 	}
  70. 	.dark-scheme::-webkit-scrollbar-track, .dark-scheme ::-webkit-scrollbar-track{
  71. 		background-color: var(--main-bg) !important;
  72. 	}
  73. 	.dark-scheme::-webkit-scrollbar-thumb, .dark-scheme ::-webkit-scrollbar-thumb{
  74. 		background-color: var(--link-sp2-color) !important;
  75. 		border-radius: 50px;
  76. 	}
  77. 	.dark-scheme::-webkit-scrollbar-thumb:hover, .dark-scheme ::-webkit-scrollbar-thumb:hover{
  78. 		background-color: var(--link-sp3-color) !important;
  79. 	}
  80.  
  81. 	/* scrollbar css for chome and opera only ends */
  82.  
  83. 	/* Smaller Smiliey/Emotes portion */
  84.  
  85. 	// body.dark-scheme #smilies-outline{
  86. 	// 	width: 300px !important;
  87. 	// 	margin-top: -340px;
  88. 	// 	float: right !important;
  89. 	// 	margin-right: 30px !important;
  90. 	// 	height: 290px;
  91. 	// 	background: var(--body-bg) !important;
  92. 	// 	overflow-y: scroll !important;
  93. 	// }
  94. 	body.dark-scheme #smilies-outline img{
  95. 		padding: 5px !important;
  96. 	}
  97.  
  98. 	/* Smaller Smiliey/Emotes portion ends*/
  99.  
  100. 	body.dark-scheme .card-panel{
  101. 		margin-top: 0px !important;
  102. 	}
  103. 	body.dark-scheme .tradiopill [type="radio"]:checked+label{
  104. 		background: var(--link-sp2-color) !important;
  105. 		color: var(--text-color-offset) !important;
  106. 	}
  107. 	body.dark-scheme #form h5{
  108. 		color: var(--text-color) !important;
  109. 	}
  110. 	body.dark-scheme .btn.fltrsb-btn, body.dark-scheme .red.lighten-2, body.dark-scheme .teal, body.dark-scheme .teal.darken-3, body.dark-scheme .switch label input[type="checkbox"]:checked + .lever::after{
  111. 		background: var(--btn-1-color) !important;
  112. 	}
  113. 	body.dark-scheme .switch label input[type="checkbox"]:checked + .lever{
  114. 		background-color: #051d4d !important;
  115. 	}
  116. 	body.dark-scheme .epi-trigger td{
  117. 		color: var(--text-color) !important;
  118. 		border-top: 1px solid var(--border-color) !important;
  119.  
  120. 	}
  121. 	body.dark-scheme #sbgift-modal{
  122. 		color: var(--link-sp2-color) !important;
  123. 	}
  124. 	body.dark-scheme .loader-spinner{
  125. 		background: var(--link-sp2-color) !important;
  126. 	}
  127. 	body.dark-scheme .btn-outline{
  128. 		background: var(--link-sp2-color) !important;
  129. 	}
  130. 	body.dark-scheme .btn-outline:hover{
  131. 		color: var(--text-color-offset) !important;
  132. 		opacity: 0.9 !important;
  133. 	}
  134. 	body.dark-scheme .picker__day--selected, body.dark-scheme .picker__day--selected:hover, body.dark-scheme .picker--focused .picker__day--selected{
  135. 		background: var(--btn-1-color) !important;
  136. 		color: var(--text-color-offset) !important;
  137. 		font-weight: 900 !important;
  138. 	}
  139. 	body.dark-scheme .picker__day--infocus:hover{
  140. 		color: var(--text-color) !important;
  141. 	}
  142. 	body.dark-scheme .btn-floating i{
  143. 		color: var(--text-color-offset) !important;
  144. 	}
  145. 	body.dark-scheme .btn-flat{
  146. 		color: var(--link-color) !important;
  147. 	}
  148. 	body.dark-scheme .btn-flat:hover{
  149. 		color: var(--link-sp1-hover-color) !important;
  150. 	}
  151. 	body.dark-scheme .bbcc-mictr h6.sh6 {
  152. 	 	background-color: var(--nav-bg) !important;
  153. 	}
  154. 	body.dark-scheme a.atwl-common-trigger{
  155. 		color: var(--btn-1-color) !important;
  156. 		border: 1px solid var(--btn-1-color) !important;
  157. 		background: transparent !important;
  158. 	}
  159. 	body.dark-scheme .accc-btn:hover i{
  160. 		color: var(--link-sp3-color) !important;
  161. 	}
  162. 	body.dark-scheme .card-action, body.dark-scheme .personal-links{
  163. 		user-select: none !important;
  164. 	}
  165. 	body.dark-scheme a.atwl-common-trigger:hover{
  166. 		background: var(--btn-1-color) !important;
  167. 	}
  168. 	body.dark-scheme select[name="kuddus_secondary_filters_extended"]{
  169. 		border: 1px solid var(--btn-1-color) !important;
  170. 	}
  171. 	body.dark-scheme #torrents_search:focus{
  172. 	/* 	border-top: 1px solid #9e9e9e;
  173.  
  174. 		border-right: 1px solid #9e9e9e;
  175.  
  176. 		border-left: 1px solid #9e9e9e;	 */
  177. 		border-color: var(--border-sp-light-color) var(--border-sp-light-color) var(--border-sp-light-color);
  178. 	}
  179. 	button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus{
  180. 		background: var(--main-bg) !important;
  181. 	}
  182. 	body.dark-scheme .donation-card{
  183. 		background: transparent !important;
  184. 	}
  185. 	body.dark-scheme .season-intro {
  186. 		color: var(--text-color) !important;
  187. 	}
  188. 	body.dark-scheme .movie-torrents-table .download-icon {
  189. 		color: var(--text-color) !important;
  190. 	}
  191. 	body.dark-scheme .movie-torrents-table .download-icon:hover {
  192. 		color: var(--link-sp3-color) !important;
  193. 	}
  194. 	body.dark-scheme tr.pck td {
  195. 		border-bottom: 1px solid var(--border-color) !important;
  196. 	}
  197. 	body.dark-scheme .sc-trigger{
  198. 		color: var(--text-color) !important;
  199. 		border: 2px solid var(--border-color) !important;
  200. 		background: var(--main-bg) !important;
  201. 	}
  202. 	body.dark-scheme .dropdown-content li>span{
  203. 		color: var(--text-color) !important;
  204. 	}
  205. 	body.dark-scheme .dropdown-content li>span:hover{
  206. 		color: var(--text-color-offset) !important;
  207. 		background: var(--link-sp1-hover-color) !important;
  208. 	}
  209. 	body.dark-scheme .dropdown-content li:hover, body.dark-scheme .dropdown-content li.active, body.dark-scheme .dropdown-content li.selected{
  210. 		background: var(--link-sp1-hover-color) !important;
  211. 		color: var(--text-color-offset) !important;
  212. 	}
  213. 	body.dark-scheme #kuddus-resetter {
  214. 		background: var(--link-sp2-color) !important;
  215. 		border: 3px solid var(--link-sp2-color) !important;
  216. 		color: var(--text-color-offset) !important;
  217. 		border-radius: 6px !important;
  218. 		transition: all 0.3s !important;
  219. 	}
  220. 	body.dark-scheme #kuddus-resetter:hover {
  221. 		background: var(--link-sp3-color) !important;
  222. 		border: 3px solid var(--link-sp3-color) !important;
  223. 		box-shadow: none !important;
  224. 		color: var(--text-color-offset) !important;
  225. 	}
  226. 	body.dark-scheme .content-title, body.dark-scheme .row .content-title, body.dark-scheme .cnav-menu-item>a, body.dark-scheme .cnav-menu-item>span{
  227. 		color: var(--text-color) !important;
  228. 	}
  229. 	body.dark-scheme .tradiopill [type="radio"]+label{
  230. 		border-color: var(--btn-1-color) !important;
  231. 	}
  232. 	body.dark-scheme .sh6{
  233. 		border-color: var(--link-sp2-color) !important;
  234. 		background-color: var(--link-sp2-color) !important;
  235. 		color: var(--text-color-offset) !important;
  236. 	}
  237. 	body.dark-scheme h6.sh6{
  238. 		border: 0px !important;
  239. 		background-color: transparent !important;
  240. 		color: var(--text-color) !important;
  241. 	}
  242. 	body.dark-scheme .carousel .carousel-item img, body.dark-scheme .logo-img, body.dark-scheme .tbdrank, body.dark-scheme .uc-seeding, body.dark-scheme .uc-leeching, body.dark-scheme .tooltipped img, body.dark-scheme .material-icons, body.dark-scheme .rel-icon, body.dark-scheme .cat-pic-img, body.dark-scheme .shout-text img{
  243. 	}
  244. 	body.dark-scheme .btn, body.dark-scheme .btn-large{
  245. 		color: var(--text-color-offset) !important;
  246. 	}
  247. 	body.dark-scheme .tamperhead {
  248. 		position:sticky !important;
  249. 		top:-1px !important;
  250. 		z-index:9999 !important;
  251. 	}
  252. 	body.dark-scheme .new-torrent-tag {
  253. 		background: var(--link-sp2-color)!important;
  254. 		color: var(--text-color-offset) !important;
  255. 	}
  256. 	body.dark-scheme .new-torrent-tag:hover {
  257. 		background: #388bfd !important;
  258. 	}
  259. 	body.dark-scheme .pagination li {
  260. 		line-height: 20px !important;
  261. 	}
  262. 	body.dark-scheme .pagination li.active, body.dark-scheme .paginator.active,  .paginator.active a{
  263. 		color: #111 !important;
  264. 		background: var(--link-sp2-color) !important;
  265. 	}
  266. 	body.dark-scheme .comment-posted-on{
  267. 		color: var(--btn-2-color) !important;
  268.  
  269. 	}
  270. 	body.dark-scheme .z-depth-2 {
  271. 		box-shadow: 0 0 0 0 !important;
  272. 	}
  273. 	body.dark-scheme #user-sb:hover {
  274. 		color: var(--text-color) !important;
  275. 	}
  276. 	body.dark-scheme .blue-grey.darken-2 {
  277. 		background-color: var(--main-bg) !important;
  278. 	}
  279. 	body.dark-scheme select:focus{
  280. 		outline: 1px solid var(--link-sp2-color) !important;
  281. 	}
  282. 	body.dark-scheme .circle {
  283. 		border-radius: 2% !important;
  284. 		margin-top: 15px !important;
  285. 		max-width: 60% !important;
  286. 	}
  287. 	body.dark-scheme .inline-submit-btn {
  288. 		color: var(--text-color) !important;
  289. 	}
  290. 	body.dark-scheme .inline-submit-btn:hover {
  291. 		color: #ccc !important;
  292. 	}
  293. 	body.dark-scheme #tampersmile {
  294. 		color: var(--link-sp2-color) !important;
  295. 	}
  296. 	body.dark-scheme #tampersmile:hover {
  297. 		color: var(--link-sp2-color) !important;
  298. 	}
  299. 	body.dark-scheme .shout-label.active {
  300. 		color: var(--link-sp2-color) !important;
  301. 	}
  302. 	body.dark-scheme .green.darken-1 {
  303. 		background-color: var(--btn-1-color) !important;
  304. 	}
  305. 	body.dark-scheme .green.darken-2 {
  306. 		background-color: var(--btn-1-color) !important;
  307. 	}
  308. 	body.dark-scheme .btn-floating.btn-large {
  309. 		height: 40px !important;
  310. 		width: 40px !important;
  311. 	}
  312. 	body.dark-scheme .btn-floating {
  313. 		border-radius: 20% !important;
  314. 	}
  315. 	body.dark-scheme .btn-floating.btn-large i {
  316. 		line-height: 40px !important;
  317. 	}
  318. 	body.dark-scheme #kuddus-trigger {
  319. 		height: 40px !important;
  320. 		width: 40px !important;
  321. 		margin-top: 7px !important;
  322. 		border: 0px !important;
  323. 		background-color: transparent !important;
  324. 		box-shadow: none !important;
  325. 	}
  326. 	body.dark-scheme #kuddus-trigger i {
  327. 		text-shadow: 2px 3px #222 !important;
  328. 		color: var(--text-color) !important;
  329. 	}
  330. 	body.dark-scheme #kuddus-trigger-handle {
  331. 		display: none !important;
  332. 	}
  333. 	body.dark-scheme #kuddus-trigger-container {
  334. 		top: 3px !important;
  335. 		right: 0px !important;
  336. 	}
  337. 	body.dark-scheme .material-icons.orange600 {
  338. 		color: var(--link-sp2-color) !important;
  339. 	}
  340. 	body.dark-scheme .title-glyph {
  341. 		width: 0 !important;
  342. 		height: 0 !important;
  343. 		background-size: contain !important;
  344. 		padding: 13px !important;
  345. 		background-repeat: no-repeat !important;
  346. 		background-image: url(data:image/webp;base64,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) !important;
  347. 	}
  348. 	body.dark-scheme #kuddus-wrapper {
  349. 		background: var(--main-bg) !important;
  350. 	}
  351. 	body.dark-scheme .kuddus-title-bar {
  352. 		background: #111 !important;
  353. 	}
  354. 	body.dark-scheme #kuddus-close {
  355. 		background: var(--link-sp2-color) !important;
  356. 	}
  357. 	body.dark-scheme #kuddus-close:hover {
  358. 		background: var(--link-sp3-color) !important;
  359. 	}
  360. 	body.dark-scheme #kuddus-searchtype {
  361. 		background: var(--main-bg) !important;
  362. 	}
  363. 	body.dark-scheme .kuddus-listener{
  364. 	/*     border: 1px solid var(--border-sp-color) !important; */
  365. 	}
  366. 	body.dark-scheme .kuddus-listener:focus{
  367. 		border: 1px solid var(--border-sp-color) !important;
  368. 		border-bottom: 1px solid var(--link-sp2-color) !important;
  369. 		box-shadow: 0 1px 0 0 var(--link-sp2-color) !important;
  370. 	}
  371. 	body.dark-scheme input[type="range"]::-moz-range-thumb{
  372. 		background: var(--link-sp2-color) !important;
  373. 	}
  374. 	body.dark-scheme input[type="range"] + .thumb{
  375. 		background-color: var(--link-sp2-color) !important;
  376. 	}
  377. 	body.dark-scheme input[type="range"] + .thumb .value{
  378. 		color: #000000 !important;
  379. 	}
  380. 	body.dark-scheme .forum-page-title {
  381. 		background: var(--nav-bg) !important;
  382. 		color: var(--text-color) !important;
  383. 	}
  384. 	body.dark-scheme .crumb-container, body.dark-scheme .crumb-container a {
  385. 		color: var(--text-color) !important;
  386. 	}
  387. 	body.dark-scheme .crumb-container a:hover {
  388. 		color: var(--link-sp2-color) !important;
  389. 	}
  390. 	body.dark-scheme .pg-intro {
  391. 		color: var(--text-color) !important;
  392. 	}
  393. 	body.dark-scheme .red100 {
  394. 		color: var(--link-sp2-color) !important;
  395. 	}
  396. 	body.dark-scheme .trgbtn {
  397. 		border-color: var(--link-sp2-color) !important;
  398. 		color: var(--link-sp2-color) !important;
  399. 		transition-duration: 0.3s;
  400. 	}
  401. 	body.dark-scheme .trgbtn:hover {
  402. 		background-color: var(--link-sp2-color) !important;
  403. 		color: #000000 !important;
  404. 	}
  405. 	body.dark-scheme .instr-trg {
  406. 		border-color: var(--link-sp2-color) !important;
  407. 	}
  408. 	body.dark-scheme .instr-trg {
  409. 		border: 1px solid var(--link-sp2-color) !important;
  410. 	}
  411. 	body.dark-scheme .btn:hover, body.dark-scheme .btn-large:not(#kuddus-trigger):hover {
  412. 		background-color: var(--link-sp3-color) !important;
  413. 		color: var(--text-color-offset) !important;
  414. 	}
  415. 	body.dark-scheme .blue.darken-2 {
  416. 		background-color: var(--btn-1-color) !important;
  417. 	}
  418. 	body.dark-scheme .blue.darken-2:hover{
  419. 		background-color: var(--btn-2-color) !important;
  420. 	}
  421. 	body.dark-scheme .blue.darken-3{
  422. 		background-color: var(--btn-1-color) !important;
  423. 	}
  424. 	body.dark-scheme .cyan.darken-2 {
  425. 		background-color: var(--btn-1-color) !important;
  426. 	}
  427. 	body.dark-scheme .cyan.darken-2:hover{
  428. 		background-color: var(--btn-2-color) !important;
  429. 	}
  430. 	body.dark-scheme .card .card-action a:hover {
  431. 		color: var(--link-sp2-color) !important;
  432. 	}
  433. 	body.dark-scheme .bbc-btn, body.dark-scheme .bbc-option {
  434. 		border: 1px solid var(--link-sp2-color) !important;
  435. 		color: var(--link-sp2-color) !important;
  436. 	}
  437. 	body.dark-scheme .bbc-btn:hover {
  438. 		background: var(--link-sp2-color) !important;
  439. 		color: var(--text-color-offset) !important;
  440. 	}
  441. 	option {
  442. 		background: #111 !important;
  443. 		color: var(--link-sp2-color) !important;
  444. 	}
  445. 	button:focus {
  446. 		background-color: var(--body-bg) !important;
  447. 	}
  448. 	body.dark-scheme .scrollToTop:hover {
  449. 		opacity: 1.0 !important;
  450. 	}
  451. 	body.dark-scheme .load-comments{
  452. 		background-color: var(--btn-1-color) !important;
  453. 	}
  454. 	body.dark-scheme .load-comments:hover{
  455. 		background-color: var(--btn-2-color) !important;
  456. 	}
  457. 	body.dark-scheme .teal.lighten-2 {
  458. 		background-color: #88f !important;
  459. 	}
  460. 	body.dark-scheme .teal.lighten-2:hover {
  461. 		background-color: #77f !important;
  462. 	}
  463. 	body.dark-scheme .options .btn-floating i {
  464. 		color: #111 !important;
  465. 	}
  466. 	body.dark-scheme .orange.lighten-2 {
  467. 		background-color: #fc6 !important;
  468. 	}
  469. 	body.dark-scheme .orange.lighten-2:hover {
  470. 		background-color: #c93 !important;
  471. 	}
  472. 	body.dark-scheme .cnav-menu-item > a:hover, body.dark-scheme .cnav-menu-item > span:hover {
  473. 		background-color: var(--link-sp2-color) !important;
  474. 		color: #000000 !important;
  475. 	}
  476. 	body.dark-scheme .section-description, body.dark-scheme .updated-by-text {
  477. 		color: var(--link-sp2-color) !important;
  478. 	}
  479. 	body.dark-scheme .forum-repu {
  480. 		background: #388bfd !important;
  481. 		color: var(--text-color-offset) !important;
  482. 	}
  483. 	body.dark-scheme .white-text {
  484. 		color: var(--body-bg) !important;
  485. 	}
  486. 	body.dark-scheme .mrsr {
  487. 		color: var(--link-sp2-color) !important;
  488. 	}
  489. 	body.dark-scheme .tampertopsl-btn {
  490. 		color: var(--text-color) !important;
  491. 		border: 1px solid var(--link-sp2-color) !important;
  492. 		box-shadow: 0 2px 5px 0 var(--link-sp2-color)2, 0 2px 10px 0 var(--link-sp2-color)2 !important;
  493. 		background: none !important;
  494. 		margin-right: 5px !important;
  495. 		margin-top: 6px !important;
  496. 	}
  497. 	input[type="text"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="date"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
  498. 		color: var(--link-sp2-color) !important;
  499. 	}
  500. 	#urlWindow input:focus, input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  501. 		border-bottom-color: transparent !important;
  502. 		box-shadow: 0 1px 0 0 var(--link-sp2-color) !important;
  503. 	}
  504. 	[type="checkbox"].filled-in:checked + label::after {
  505. 		border: 2px solid var(--link-sp2-color) !important;
  506. 		background-color: var(--link-sp2-color) !important;
  507. 	}
  508. 	body.dark-scheme .red.lighten-2:hover {
  509. 		background-color: var(--link-sp3-color) !important;
  510. 	}
  511. 	body.dark-scheme .red.lighten-3 {
  512. 		background-color: var(--link-sp2-color) !important;
  513. 	}
  514. 	body.dark-scheme .red.lighten-3:hover {
  515. 		background-color: var(--link-sp3-color) !important;
  516. 	}
  517. 	body.dark-scheme .tamperfltrsb-btn {
  518. 		background: var(--link-sp2-color) !important;
  519. 	}
  520. 	body.dark-scheme {
  521. 		background: var(--body-bg) !important;
  522. 	}
  523. 	body.dark-scheme .subject-header {
  524. 		color: var(--link-sp2-color) !important;
  525. 	}
  526. 	body.dark-scheme .bg-warning {
  527. 		background-color: #222 !important;
  528. 	}
  529. 	body.dark-scheme hr {
  530. 		border: 1px solid #444 !important;
  531. 	}
  532. 	body.dark-scheme .bg-success {
  533. 		background-color: #333 !important;
  534. 	}
  535. 	body.dark-scheme .form-control, body.dark-scheme .list-group-item, body.dark-scheme select:not[name="kuddus_secondary_filters_extended"], body.dark-scheme .dropdown-menu {
  536. 		background: #161B22 !important;
  537. 		border: 1px solid #333 !important;
  538. 	}
  539. 	body.dark-scheme .form-control:focus {
  540. 		box-shadow: inset 0 1px 1px var(--text-color-offset)d, 0 0 8px var(--text-color-offset)d !important;
  541. 	}
  542. 	body.dark-scheme .label-success {
  543. 		color: var(--text-color-offset) !important;
  544. 	}
  545. 	body.dark-scheme .btn-info {
  546. 		background-color: var(--link-sp2-color) !important;
  547. 		border-color: var(--link-sp2-color) !important;
  548. 	}
  549. 	body.dark-scheme .btn-info:hover {
  550. 		border-color: #1f6feb !important;
  551. 	}
  552. 	body.dark-scheme .btn-warning {
  553. 		color: var(--text-color-offset) !important;
  554. 		font-weight: 700 !important;
  555. 	}
  556. 	body.dark-scheme .btn-warning:hover {
  557. 		color: var(--text-color-offset) !important;
  558. 	}
  559. 	body.dark-scheme .btn-success {
  560. 		color: var(--text-color-offset) !important;
  561. 		font-weight: 700 !important;
  562. 	}
  563. 	body.dark-scheme .btn-success:hover {
  564. 		color: var(--text-color-offset) !important;
  565. 		background: #398439 !important;
  566. 	}
  567. 	[type="checkbox"]:checked + label::before {
  568. 		border-right: 2px solid var(--link-sp2-color) !important;
  569. 		border-bottom: 2px solid var(--link-sp2-color) !important;
  570. 	}
  571. 	table.striped > tbody.dark-scheme > tr:nth-child(2n+1) {
  572. 		background-color: var(--main-bg) !important;
  573. 	}
  574. 	body.dark-scheme .tclabel, body.dark-scheme .kuddus-sorter {
  575. 		color: var(--text-color) !important;
  576. 	}
  577. 	body.dark-scheme #kuddus-more-categories {
  578. 		color: var(--text-color) !important;
  579. 		user-select: none !important;
  580. 	/*     border: 1px solid var(--link-sp2-color) !important; */
  581. 	}
  582. 	body.dark-scheme .tclabel:hover {
  583. 		color: var(--link-sp2-color) !important;
  584. 	}
  585. 	body.dark-scheme .cmodal {
  586. 		background: rgba(0, 0, 0, 0.95) !important;
  587. 	}
  588. 	body.dark-scheme .cmodal-header {
  589. 		background: var(--body-bg) !important;
  590. 	}
  591. 	body.dark-scheme .forum-cat-heading {
  592. 	/*     background: var(--text-color-offset) !important; */
  593. 	}
  594. 	body.dark-scheme .btn-links {
  595. 		border: 2px solid var(--link-sp2-color) !important;
  596. 	}
  597. 	body.dark-scheme .btn-links:hover {
  598. 		background: var(--link-sp2-color) !important;
  599. 		color: var(--text-color-offset) !important;
  600. 	}
  601. 	body.dark-scheme .tabs .tab a {
  602. 		color: var(--text-color) !important;
  603. 	}
  604. 	body.dark-scheme .tabs .tab a:hover {
  605. 		color: #ccc !important;
  606. 	}
  607. 	body.dark-scheme .tabs .indicator {
  608. 		background-color: var(--text-color) !important;
  609. 	}
  610. 	body.dark-scheme .tab-sortable {
  611. 		color: var(--link-sp2-color) !important;
  612. 	}
  613. 	body.dark-scheme .tab-sortable:hover {
  614. 		color: var(--link-hover-color) !important;
  615. 	}
  616. 	body.dark-scheme .torr-sort-icon {
  617. 		color: var(--link-sp2-color) !important;
  618. 	}
  619. 	body.dark-scheme .side-nav li:hover, body.dark-scheme .side-nav li:active {
  620. 		background: var(--link-sp2-color) !important;
  621. 	}
  622. 	body.dark-scheme .side-nav li.active {
  623. 		background: #c33 !important;
  624. 	}
  625. 	body.dark-scheme .btn-clear {
  626. 		border: 1px solid var(--link-sp2-color) !important;
  627. 		color: var(--link-sp2-color) !important;
  628. 	}
  629. 	body.dark-scheme .btn-clear:hover, body.dark-scheme .btn-clear:focus {
  630. 		color: var(--text-color) !important;
  631. 		background: var(--link-sp2-color) !important;
  632. 	}
  633. 	body.dark-scheme .tradiopill[type="radio"] + label {
  634. 		border: 1px solid var(--link-sp2-color) !important;
  635. 	}
  636. 	body.dark-scheme .tradiopill[type="radio"]:checked + label {
  637. 		background: var(--link-sp2-color) !important;
  638. 	}
  639. 	body.dark-scheme #kuddus-results-container a {
  640. 		color: var(--link-sp1-color) !important;
  641. 	}
  642. 	body.dark-scheme #kuddus-results-container a:hover {
  643. 		color: var(--link-sp1-hover-color) !important;
  644. 	}
  645. 	body.dark-scheme .border-teal {
  646. 		border:1px solid var(--link-sp2-color) !important;
  647. 	}
  648. 	body.dark-scheme .short-links {
  649. 		background: #051d4d !important;
  650. 	}
  651. 	body.dark-scheme .short-link-counter {
  652. 		background: var(--link-sp2-color) !important;
  653. 		color: var(--text-color-offset) !important;
  654. 	}
  655. 	body.dark-scheme .sub-h6 {
  656. 		color: var(--text-color-offset) !important;
  657. 		background: var(--link-sp2-color) !important;
  658. 		border: 1px solid var(--link-sp2-color) !important;
  659. 	}
  660. 	body.dark-scheme .tp-progress {
  661. 		background: var(--link-sp2-color) !important;
  662. 	}
  663. 	body.dark-scheme .tp-container {
  664. 		background: #051d4d !important;
  665. 	}
  666. 	body.dark-scheme .icon-input-box input {
  667. 		background: transparent !important;
  668. 	}
  669. 	body.dark-scheme .icon-input-box i {
  670. 	}
  671. 	body.dark-scheme .main-header, body.dark-scheme .sub-header {
  672. 		background: var(--nav-bg) !important;
  673. 		border-bottom: 1px solid #333 !important;
  674. 	}
  675. 	body.dark-scheme .main-header--icon, body.dark-scheme .sub-header--title {
  676. 		color: var(--text-color) !important;
  677. 	}
  678. 	body.dark-scheme .icon-input-box input[type="text"]:focus {
  679. 		border-color: var(--link-sp2-color) !important;
  680. 		box-shadow: 0 0 0 2px var(--link-sp2-color)8 !important;
  681. 	}
  682. 	body.dark-scheme .picker__date-display {
  683. 		background-color: var(--link-sp2-color) !important;
  684. 	}
  685. 	body.dark-scheme .picker__weekday-display {
  686. 		background-color: #222 !important;
  687. 	}
  688. 	body.dark-scheme .picker__close, body.dark-scheme .picker__today {
  689. 		color: var(--text-color) !important;
  690. 	}
  691. 	body.dark-scheme .picker__header {
  692. 		margin-bottom: .75em !important;
  693. 	}
  694. 	body.dark-scheme .picker__box {
  695. 		background: #222 !important;
  696. 		border: 1px solid var(--body-bg) !important;
  697. 	}
  698. 	body.dark-scheme .picker__day.picker__day--today {
  699. 		color: var(--link-sp2-color) !important;
  700. 	}
  701. 	button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
  702. 		background-color: #633 !important;
  703. 	}
  704. 	body.dark-scheme .picker__nav--prev, body.dark-scheme .picker__nav--next {
  705. 		margin-top: .25em !important;
  706. 	}
  707. 	body.dark-scheme .picker__nav--prev:hover, body.dark-scheme .picker__nav--next:hover {
  708. 		background: var(--text-color-offset)0 !important;
  709. 	}
  710. 	body.dark-scheme .picker__nav--prev:hover::before {
  711. 		border-right: 0.75em solid var(--link-sp2-color) !important;
  712. 	}
  713. 	body.dark-scheme .picker__nav--next:hover::before {
  714. 		border-left: 0.75em solid var(--link-sp2-color) !important;
  715. 	}
  716. 	body.dark-scheme .select-field-custom {
  717. 		background: transparent !important;
  718. 	}
  719. 	body.dark-scheme .select-field-custom::after {
  720. 		background: #333 !important;
  721. 	}
  722. 	body.dark-scheme .select-field-custom:hover::after {
  723. 		color: var(--text-color) !important;
  724. 	}
  725. 	[type="radio"].with-gap:checked + label::before {
  726. 		border: 2px solid var(--link-sp2-color) !important;
  727. 	}
  728. 	[type="radio"].with-gap:checked + label::after, [type="radio"]:checked+label:after {
  729. 		border: 2px solid var(--link-sp2-color) !important;
  730. 		background-color: var(--link-sp2-color) !important;
  731. 	}
  732. 	body.dark-scheme .friend-card {
  733. 		background: transparent;
  734. 		border: 1px solid var(--link-sp2-color) !important;
  735. 	}
  736. 	body.dark-scheme .friend-card--delete::after{
  737. 		background: transparent !important;
  738. 	}
  739. 	body.dark-scheme .light-blue.darken-3 {
  740. 		background-color: var(--btn-1-color) !important;
  741. 	}
  742. 	body.dark-scheme .light-blue.darken-3:hover {
  743. 		background-color: var(--btn-2-color) !important;
  744. 	}
  745. 	body.dark-scheme .picker__select--month, body.dark-scheme .picker__select--year {
  746. 		background-color: var(--body-bg) !important;
  747. 	}
  748. 	body.dark-scheme .friend-card--delete {
  749. 		color: var(--link-sp2-color) !important;
  750. 	}
  751. 	body.dark-scheme .shoutbox-text {
  752. 		color: var(--text-color) !important;
  753. 	}
  754. 	body.dark-scheme .progress {
  755. 		background-color: var(--progress-bar-bg) !important;
  756. 	}
  757. 	body.dark-scheme .progress .determinate {
  758. 		background-color: var(--link-sp2-color) !important;
  759. 	}
  760. 	body.dark-scheme .pr-action-container .btn-floating {
  761. 		background: var(--btn-1-color) !important;
  762. 	}
  763. 	body.dark-scheme .pr-action-container .btn-floating:hover {
  764. 		background: #1f6feb !important;
  765. 	}
  766. 	body.dark-scheme #msg-search {
  767. 		border-bottom: 1px solid var(--link-sp2-color) !important;
  768. 	}
  769. 	body.dark-scheme .listitem {
  770. 		background: var(--body-bg) !important;
  771. 		border-bottom: 1px solid var(--border-color) !important;
  772. 	}
  773. 	/* .listitem:hover {
  774. 		background: var(--body-bg) !important;
  775. 		color: var(--text-color) !important;
  776. 	} */
  777. 	body.dark-scheme .listitem.thread-unread {
  778. 		background: var(--nav-bg) !important;
  779. 		color: var(--text-color) !important;
  780. 	}
  781. 	body.dark-scheme .message-body.dark-scheme {
  782. 		background: var(--main-bg) !important;
  783. 	}
  784. 	body.dark-scheme .message-subject, body.dark-scheme .backBtn {
  785. 		color: var(--link-sp2-color) !important;
  786. 	}
  787. 	button.replyBtn {
  788. 		background: var(--link-sp2-color) !important;
  789. 	}
  790. 	button.replyBtn:hover {
  791. 		background: var(--link-sp3-color) !important;
  792. 	}
  793. 	body.dark-scheme #message-thread-delete-btn {
  794. 		background-color: #822 !important;
  795. 		border: 2px solid #1f6feb !important;
  796. 	}
  797. 	body.dark-scheme #message-thread-delete-btn:hover {
  798. 		background-color: var(--link-sp2-color) !important;
  799. 	}
  800. 	body.dark-scheme .teal.darken-1 {
  801. 		background-color: var(--btn-1-color) !important;
  802. 	}
  803. 	body.dark-scheme .teal.darken-1:hover {
  804. 		background-color: var(--btn-2-color) !important;
  805. 	}
  806. 	body.dark-scheme .tradiopill.ell[type="radio"] + label {
  807. 		border-right: 1px solid var(--link-sp2-color) !important;
  808. 	}
  809. 	body.dark-scheme .gratitude legend, body.dark-scheme .stats {
  810. 		color: var(--link-sp2-color) !important;
  811. 	}
  812. 	body.dark-scheme .collapsible-header{
  813. 		user-select: none !important;
  814. 	}
  815. 	body.dark-scheme .tgaction {
  816. 		color: var(--link-sp2-color) !important;
  817. 		border: 1px solid var(--link-sp2-color) !important;
  818. 	}
  819. 	body.dark-scheme .repu {
  820. 		background: var(--link-sp2-color) !important;
  821. 	}
  822. 	body.dark-scheme .topsl-btn {
  823. 		border:1px solid var(--link-sp2-color) !important;
  824. 		background: var(--link-sp2-color) !important;
  825. 	}
  826. 	body.dark-scheme .news-content h5, body.dark-scheme .news-content span a {
  827. 		color: var(--link-sp2-color) !important;
  828. 	}
  829. 	body.dark-scheme .cnp-container {
  830. 		background: var(--progress-bar-bg) !important;
  831. 	}
  832. 	body.dark-scheme .cnp-progress {
  833. 		background: var(--link-sp2-color) !important;
  834. 	/*     background: linear-gradient(90deg, #d53369 0%, #daae51 100%) !important; */
  835. 	}
  836. 	body.dark-scheme .ft-lock-indicator {
  837. 		border: 2px solid var(--link-sp2-color) !important;
  838. 		color: var(--link-sp2-color) !important;
  839. 	}
  840. 	body.dark-scheme .fixed-pos {
  841. 		top: 0px !important;
  842. 		background-color: var(--nav-bg) !important;
  843. 	}
  844. 	body.dark-scheme .btn-outline {
  845. 		border: 1px solid var(--link-sp2-color) !important;
  846. 	}
  847. 	body.dark-scheme .btn-outline:focus {
  848. 		background: var(--link-sp2-color) !important;
  849. 	}
  850. 	body.dark-scheme .supp-post-body.dark-scheme {
  851. 		background:transparent;
  852. 		border:1px solid #444 !important;
  853. 	}
  854. 	body.dark-scheme .req-reseed-btn:hover {
  855. 		border: 1px solid var(--link-sp2-color) !important;
  856. 	}
  857. 	body.dark-scheme .tx-sp {
  858. 		color:var(--link-sp2-color)!important;
  859. 	}
  860. 	body.dark-scheme .likebtn:hover {
  861. 		color:var(--link-sp2-color)!important;
  862. 	}
  863. 	body.dark-scheme .hti-sf{
  864. 		border: 1px solid var(--btn-1-color) !important;
  865. 	}
  866. 	body.dark-scheme .hti-sf.active{
  867. 		background: var(--btn-1-color) !important;
  868. 		color: var(--text-color-offset) !important;
  869. 	}
  870. 	body.dark-scheme #notif-container{
  871. 		background: var(--body-bg) !important;
  872. 		border: 3px solid #333 !important;
  873. 	}
  874. 	body.dark-scheme #notif-container-header {
  875. 		background: var(--body-bg) !important;
  876. 		border-bottom: 1px solid #333 !important;
  877. 	}
  878. 	body.dark-scheme #v-a-notif-btn:hover{
  879. 		background: var(--btn-1-color) !important;
  880. 		color: #000 !important;
  881. 	}
  882.  
  883. 	body.dark-scheme .collection a.collection-item:not(.active):hover {
  884. 		background: var(--body-bg) !important;
  885. 		color: var(--text-color) !important;
  886. 	}
  887. 	body.dark-scheme img:is([src*="smilies/hello.gif"], [src*="smilies/sticker-sq-yes.png"], [src*="smilies/sticker-sc-laugh.png"]){
  888.     	filter: drop-shadow(0px 0px 0px #ffffff);
  889. 	}
  890. 	body.dark-scheme .shouts .shout-text a:not(:is(:has([color]), [href*="/requests.php"])){
  891. 		color: var(--btn-1-color);
  892. 	}
  893. 	body.dark-scheme .toast{
  894. 		background-color: var(--nav-bg);
  895. 	}
  896. 	body.dark-scheme .toast>*{
  897. 		color: var(--text-color) !important;
  898. 	}
  899. 	.
  900. 	////////////////////////////////////////////////////////////////////////
  901. 	@media(max-width: 1300px){
  902. 		body.dark-scheme #shout-idle-notice{
  903. 			background-position: 70% !important;
  904. 		}
  905. 	}
  906. 	@media(max-width: 700px){
  907. 		body.dark-scheme #shout-idle-notice{
  908. 			background-position: 75% !important;
  909. 		}
  910. 	}
  911. 	@media(max-width: 991px){
  912. 		body.dark-scheme #shout-idle-notice{
  913. 			background: none !important;
  914. 		}
  915. 		body.dark-scheme .cnav{
  916. 			top: auto;
  917. 			bottom: 0;
  918. 			box-shadow: 0px -2px 5px 0 rgb(0 0 0 / 16%), 0px -2px 10px 0 rgb(0 0 0 / 12%);
  919. 		}
  920. 		body.dark-scheme #logo-img-sm{
  921. 			height: 30px;
  922. 		}
  923. 		body.dark-scheme .nav-trigger i{
  924. 			line-height: 40px;
  925. 		}
  926. 		body.dark-scheme #kuddus-trigger-container {
  927. 			top: auto !important;
  928. 			right: 10px;
  929. 			bottom: 0px;
  930. 		}
  931. 		body.dark-scheme #middle-block{
  932. 			margin-top: 0px;
  933. 		}
  934. 		body.dark-scheme .edit-btn, .floating-btn {
  935. 			bottom: 60px;
  936. 			right: 20px;
  937. 		}
  938. 		body.dark-scheme .scrollToTop.forum-scroll{
  939. 			bottom: 130px;
  940. 			right: 20px;
  941. 		}
  942. 		body.dark-scheme #left-block{
  943. 			top: 0px;
  944. 		}
  945. 		body.dark-scheme #middle-block .options.right{
  946. 			float: left !important;
  947. 		}
  948. 		body.dark-scheme .mdi-navigation-arrow-drop-down:before{
  949. 			content: "";
  950. 		}
  951.  
  952.     /*   Cool RGB notifcation counter by >_<   */
  953.  
  954.     div#notif-wrapper {
  955.        margin-top: 1rem;
  956.     }
  957.  
  958.     div#notif-counter.z-depth-1 {
  959.        position: relative;
  960.        height: 42px;
  961.        width: 350px;
  962.        display: flex;
  963.        align-items: center;
  964.        justify-content: center;
  965.        color: #FFF;
  966.        font-size: 1.5em;
  967.        font-weight: 500;
  968.        font-family: Poppins, sans-serif;
  969.        text-transform: capitalize;
  970.        word-spacing: 1px;
  971.        letter-spacing: 1px;
  972.        background: #171B23;
  973.        border-radius: 4px;
  974.        border: none;
  975.        cursor: pointer;
  976.     }
  977.  
  978.     div#notif-counter.z-depth-1 i {
  979.        font-size: 1.2em;
  980.        padding: 0;
  981.     }
  982.  
  983.     div#notif-counter.z-depth-1::before,
  984.     div#notif-counter.z-depth-1::after {
  985.        content: '';
  986.        z-index: -1;
  987.        position: absolute;
  988.        width: calc(100% + 6px);
  989.        height: calc(100% + 6px);
  990.        top: -3px;
  991.        left: -3px;
  992.        border-radius: 5px;
  993.        background: linear-gradient(200deg,
  994.        #FF0000, #FFFF00, #00FF00, #0099FF,
  995.        #001AFF, #A200FF, #A200FF, #FF0055,
  996.        #FF0000, #FF0055
  997.        );
  998.        background-size: 300%;
  999.        animation: border 12s linear infinite;
  1000.     }
  1001.  
  1002.     div#notif-counter.z-depth-1::after {
  1003.        filter: blur(12px);
  1004.     }
  1005.  
  1006.     div#notif-container.z-depth-2 {
  1007.        position: relative;
  1008.        width: 550px;
  1009.        font-family: Poppins, sans-serif;
  1010.        border-radius: 4px;
  1011.        border: none;
  1012.        cursor: pointer;
  1013.     }
  1014.  
  1015.     div#notif-container.z-depth-2::before,
  1016.     div#notif-container.z-depth-2::after {
  1017.        content: '';
  1018.        z-index: -1;
  1019.        position: absolute;
  1020.        width: calc(100% + 6px);
  1021.        height: calc(100% + 6px);
  1022.        top: -3px;
  1023.        left: -3px;
  1024.        border-radius: 5px;
  1025.        background: linear-gradient(200deg,
  1026.        #FF0000, #FFFF00, #00FF00, #0099FF,
  1027.        #001AFF, #A200FF, #A200FF, #FF0055,
  1028.        #FF0000, #FF0055
  1029.        );
  1030.        background-size: 300%;
  1031.        animation: border 12s linear infinite;
  1032.     }
  1033.  
  1034.     div#notif-container.z-depth-2::after {
  1035.        filter: blur(12px);
  1036.     }
  1037.  
  1038.     div#notif-container-header {
  1039.        background: #171B23;
  1040.        border-radius: 4px 4px 0 0;
  1041.        align-items: center;
  1042.        padding: 4px 0 4px 0;
  1043.     }
  1044.  
  1045.     div#notif-heading {
  1046.        margin-left: 4px;
  1047.     }
  1048.  
  1049.     div#notif-container-header div {
  1050.        display: flex;
  1051.        justify-content: center;
  1052.        align-items: center;
  1053.     }
  1054.  
  1055.     a#v-a-notif-btn {
  1056.        border-radius: 4px;
  1057.        transition: 300ms ease-in-out;
  1058.     }
  1059.  
  1060.     a#v-a-notif-btn:hover {
  1061.        background: #2C3E50;
  1062.     }
  1063.  
  1064.     span#notif-close-btn {
  1065.        background: transparent;
  1066.        border: 1px solid #CFD8DC;
  1067.        border-radius: 100px;
  1068.        width: 25px;
  1069.        height: 25px;
  1070.        display: flex;
  1071.        justify-content: center;
  1072.        align-items: center;
  1073.        padding: 0;
  1074.        margin-right: 8px;
  1075.        transition: 200ms ease-in-out;
  1076.     }
  1077.  
  1078.     span#notif-close-btn:hover {
  1079.        background: #DF5353;
  1080.     }
  1081.  
  1082.     div#notif-items-container {
  1083.        background: #2A2C32;
  1084.        border-radius: 0 0  4px 4px;
  1085.     }
  1086.  
  1087.  
  1088.     @keyframes border {
  1089.  
  1090.        0%,
  1091.        100% {
  1092.            background-position: 0 0;
  1093.        }
  1094.  
  1095.        50% {
  1096.            background-position: 100%;
  1097.        }
  1098.     }
  1099.     /* Done */
  1100.  
  1101. 	}
  1102. 	@media(min-width: 575px){
  1103. 		body.dark-scheme #smilies-outline{
  1104. 			width: 300px !important;
  1105. 			margin-top: -340px;
  1106. 			float: right !important;
  1107. 			margin-right: 30px !important;
  1108. 			height: 290px;
  1109. 			background: var(--body-bg) !important;
  1110. 			overflow-y: scroll !important;
  1111. 		}
  1112. 	}
  1113. 	@media(max-width: 575px){
  1114. 		body.dark-scheme #shouts-container{
  1115. 			max-width:
  1116. 		}
  1117. 	}
  1118.  
  1119. 	`;
  1120. 	if (typeof GM_addStyle !== "undefined") {
  1121. 	  GM_addStyle(css);
  1122. 	  console.log('CSS Injection method: GM_addStyle');
  1123. 	} else {
  1124. 	  let styleNode = document.createElement("style");
  1125. 	  styleNode.appendChild(document.createTextNode(css));
  1126. 	  (document.querySelector("head") || document.documentElement).appendChild(styleNode);
  1127. 	  console.log('CSS Injection method: document.appendChild');
  1128. 	}
  1129.  
  1130. 	})();