Rsload net Dark Mode theme colors

Изменяет цвет текста на странице

  1. // ==UserScript==
  2. // @name Rsload net Dark Mode theme colors
  3. // @namespace http://tampermonkey.net/
  4. // @version 1.3
  5. // @description Изменяет цвет текста на странице
  6. // @author Gullampis810
  7. // @license MIT
  8. // @match https://rsload.net/*
  9. // @icon https://github.com/sopernik566/icons/blob/main/rsloadiCon.png?raw=true
  10. // @grant GM_addStyle
  11. // ==/UserScript==
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18. (function() {
  19. 'use strict';
  20.  
  21. // Добавляем стили для изменения цвета текста и других элементов
  22. GM_addStyle(`
  23. /* Стили для общего текста */
  24. * {
  25. color: #e2e2e2 !important;
  26. }
  27.  
  28.  
  29. .search-page {
  30. background-color: #1e3c39;
  31. border-radius: 4px;
  32. box-shadow: 0 2px 6px 2px rgb(0 0 0 / 38%);
  33. }
  34.  
  35. ::selection {
  36. background-color: #5b2f78;
  37. }
  38.  
  39. #fullsearch:not(.fullsearch) #searchinput {
  40. width: 100%;
  41. display: block;
  42. max-width: 600px;
  43. margin: 0 0 7px 0;
  44. border-radius: 4px;
  45. box-shadow: inset 0 2px 6px 2px rgb(0 0 0 / 38%);
  46. background-color: #243530;
  47. }
  48.  
  49. .sres-wrap {
  50. background-color: #1e3c39;
  51. border: 1px solid #2b805e;
  52. }
  53.  
  54. /* поисковая строка */
  55. .search-inner input, .search-inner input:focus {
  56. background-color: #1e2a25;
  57. }
  58.  
  59. /* шапка градиента */
  60. .header-in {
  61. padding: 0 10px;
  62. background-color: #1e3c39;
  63. }
  64.  
  65. /* Стили для .cols */
  66. .cols {
  67. background-color: #182622;
  68. }
  69.  
  70. /* Стили для .short */
  71. .short {
  72. margin-bottom: 20px;
  73. background-color: #1e3c39;
  74. }
  75.  
  76. /* Стили для .side-bc */
  77. .side-bc {
  78. background-color: #1e3c39;
  79. }
  80.  
  81. /* Стили для .lb-user */
  82. .lb-user {
  83. margin: -20px -20px 20px -20px;
  84. padding: 20px;
  85. background-color: #295443;
  86. display: flex;
  87. flex-flow: row wrap;
  88. justify-content: left;
  89. align-items: center;
  90. }
  91.  
  92. /* Стили для .bb-editor textarea */
  93. .bb-editor textarea {
  94. background-color: #354e47;
  95. }
  96.  
  97. /* Стили для .comm-two */
  98. .comm-two {
  99. background-color: #152624;
  100. border: 1px solid #246a6a;
  101. box-shadow: 0px 13px 9px 0px rgb(0 0 0 / 79%);
  102. }
  103.  
  104. .comm-item {
  105. border-bottom: 1px solid #3a746e;
  106. }
  107.  
  108.  
  109.  
  110. #gotop {
  111. position: fixed;
  112. width: 40px;
  113. height: 40px;
  114. line-height: 36px;
  115. right: 10px;
  116. bottom: 10px;
  117. cursor: pointer;
  118. font-size: 20px;
  119. z-index: 9998;
  120. display: none;
  121. opacity: 0.7;
  122. background-color: #236b63;
  123. color: #fff;
  124. border-radius: 50%;
  125. text-align: center;
  126. }
  127.  
  128. /* Стили для .comments-tree-list */
  129. .comments-tree-list > .comments-tree-item > .comments-tree-list {
  130. padding: 20px 20px 20px 40px;
  131. margin: 0 -20px 20px -20px;
  132. background-color: #203a37;
  133. box-shadow: inset 0 25px 20px -20px rgba(0, 0, 0, 0.15), inset 0 -25px 20px -20px rgba(0, 0, 0, 0.15);
  134. }
  135.  
  136. /* Стили для .dle-comments-navigation .pagi-nav */
  137. .dle-comments-navigation .pagi-nav {
  138. background-color: #3a3243;
  139. }
  140.  
  141. /* Стили для .quote */
  142. .quote {
  143. background-color: #004a54;
  144. }
  145.  
  146. /* Стили для .title_quote */
  147. .title_quote {
  148. background: #222528;
  149. }
  150.  
  151. /* Стили для .comm-rate2 a */
  152. .comm-rate2 a {
  153. display: block;
  154. background-color: #269268;
  155. }
  156.  
  157. /* Стили для .bb-pane */
  158. .bb-pane {
  159. height: 1%;
  160. overflow: hidden;
  161. padding: 0 0 5px 5px;
  162. margin: 0;
  163. height: auto !important;
  164. text-decoration: none;
  165. background: linear-gradient(to bottom, #61396f 0%, #12330f 100%);
  166. border-radius: 0px;
  167. border: 1px solid #32bc98;
  168. box-shadow: none !important;
  169. }
  170.  
  171. /* Стили для .lb-menu a */
  172. .lb-menu a {
  173. background-color: #182622;
  174. border-bottom: 1px solid #2b805e;
  175. position: relative;
  176. width: 235px;
  177. right: 18px;
  178. }
  179.  
  180. .side-top a:hover {
  181. background-color: #41215e;
  182. }
  183.  
  184. .side-top a {
  185. border-bottom: 1px solid #5bfff2;
  186. }
  187.  
  188. .lcomm:hover {
  189. background-color: #2a6a64;
  190. box-shadow: inset 0 0 7px 1px rgb(0 0 0 / 65%);
  191. }
  192. .lcomm {
  193. border-bottom: 1px solid #3db199;
  194. }
  195.  
  196. .lc-popup {
  197. background-color: #2a6a64;
  198. border: 2px solid #52ffd6;
  199. box-shadow: 30px 30px 55px 16px rgb(0 0 0 / 79%)
  200. }
  201.  
  202. .bb-pane>b {
  203. background: #244665;
  204. border-radius: 5px;
  205. width: 40px;
  206. height: 25px;
  207. border: 2px solid #458a83;
  208. }
  209.  
  210. .bb-btn:active {
  211. background: #193930;
  212. border-color: #9c90a9;
  213. box-shadow: 0 0 5px #000000 inset;
  214. }
  215.  
  216. .bb-btn:hover {
  217. background-color: #e6e6e6;
  218. background: linear-gradient(to bottom, #2d1937 0%, #1e6422 100%);
  219. border: 2px solid #45ba98;
  220. }
  221.  
  222. .scriptcode, .title_spoiler, .text_spoiler {
  223. background: #184033;
  224. border: 1px solid #38ad95;
  225. }
  226.  
  227. .side-top a:hover, .lforum a:hover, .speedbar a:hover {
  228. background-color: #13621c;
  229. }
  230.  
  231. .lb-menu a:hover, .lb-menu a:hover .fa {
  232. background-color: #5b2f78;
  233. }
  234.  
  235. .up-second {
  236. background-color: #1e3c39;
  237. }
  238.  
  239. .up-third {
  240. border-bottom: 1px solid #47caae;
  241. border-top: 1px solid #4cffe9;
  242. box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.2);
  243. background: #1e3c39;
  244. }
  245.  
  246. .user-prof {
  247. border: 1px solid #48d0b4;
  248. background-color: #1e3c39;
  249. }
  250.  
  251. .up-third li:nth-child(2n) {
  252. background-color: #173e3e;
  253. }
  254.  
  255. .up-first {
  256. background-color: #182622;
  257. }
  258.  
  259.  
  260. .button, .pagi-load a, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn), html input[type="button"], input[type="reset"], input[type="submit"] {
  261. background: linear-gradient(171deg, #2f8a6d 0%, #0c282b 100%);
  262. }
  263. .button:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover, button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  264. background: linear-gradient(to top, #216d48 0%, #185349 100%);
  265. }
  266. .header:before, .side-bt, .short-top, .comm-one {
  267. background: linear-gradient(to bottom, #1b482b 0%, #2d7c60 100%);
  268. }
  269.  
  270.  
  271. .header-menu > li > a:hover, .header-menu .menuactive > a, .hidden-menu a:hover {
  272. background-color: #122a29;
  273. border-radius: 15px;
  274. }
  275.  
  276.  
  277. .hidden-menu {
  278. background-color: #224c49;
  279. box-shadow: 3px 20px 20px 9px rgb(0 0 0 / 61%);
  280. border-radius: 15px;
  281. }
  282.  
  283. .hidden-menu a {
  284. display: block;
  285. padding: 10px 20px;
  286. font-weight: 700;
  287. border: 2px solid #ffffff00;
  288. }
  289.  
  290. .pagi-nav > span {
  291. display: inline-block;
  292. background: #392645;
  293. border-radius: 5px;
  294. }
  295.  
  296. .decor, .side-box, .short, .pm-page, .search-page, .static-page, .tags-page, .form-wrap {
  297. background-color: #1e3c39;
  298. border-radius: 4px;
  299. box-shadow: 0 28px 20px 0px rgb(0 0 0 / 29%);
  300. }
  301.  
  302. .fa-search:before {
  303. color: #2f6863;
  304. }
  305.  
  306.  
  307. `);
  308. })();