☰

Dark Theme for RSLOAD.NET

Changes the style of the site to dark, makes navigation as convenient as possible.

  1. // ==UserScript==
  2. // @name            Dark Theme for RSLOAD.NET
  3. // @name:en         Dark Theme for RSLOAD.NET
  4. // @name:ru         Тёмная тема для RSLOAD.NET
  5. // @namespace     RSLOAD
  6. // @match         *://rsload.net/*
  7. // @grant         GM_getValue
  8. // @grant         GM_setValue
  9. // @version         0.1
  10. // @author          Pr0m
  11. // @license MIT
  12. // @description  Changes the style of the site to dark, makes navigation as convenient as possible.
  13. // @description:en  Changes the style of the site to dark, makes navigation as convenient as possible.
  14. // @description:ru  Изменяет стиль сайта на темный, делает навигацию максимально удобной.
  15. // ==/UserScript==
  16.  
  17. if( !GM_getValue('Theme'))  GM_setValue("Theme", "White");
  18.  
  19. (() => {
  20.  
  21. var black = (`
  22.  
  23. #text {
  24.     display: inline-block;
  25.     position: relative;
  26.     color:gray;
  27.     filter: invert(0.4);
  28. }
  29. #text:before {
  30.     width: 24px;
  31.     height: 24px;
  32.     position: absolute;
  33.     top: -5px;
  34.     left: 80%;
  35.     background: var(--crown-img);
  36.     background-size: 100%;
  37.     content: "";
  38.     transform: rotate(25deg);
  39. }
  40. .lc-popup {
  41.     background-color: hsl(0deg 0% 0% / 60%);
  42.     backdrop-filter: blur(8px);
  43.     border-radius: 5px;
  44. }
  45. .lb-user {
  46.     background-color: hsl(0deg 0% 0% / 22%);
  47.     border-radius: 5px;
  48. }
  49. .lb-menu {
  50.     margin-top: 20px;
  51. }
  52. .lb-menu a {
  53.     display: block;
  54.     line-height: 30px;
  55.     padding: 0 10px;
  56.     background-color: transparent;
  57.     color: aliceblue;
  58.     border-bottom: 0px solid #6283a2;
  59. }
  60. .lb-menu > a {
  61.     border-radius: 8px;
  62. }
  63. .lb-menu a:hover,
  64. .lb-menu a:hover .fa {
  65.     background-color: hsl(0deg 0% 0% / 82%);
  66.     color: #9a9a9a;
  67. }
  68. .lb-menu a .fa {
  69.     color: #000;
  70. }
  71. .full-text a {
  72.     color: #aaa;
  73. }
  74. .bb-pane {
  75.     background: transparent;
  76. }
  77. .bb-pane>b {
  78.     color: white;
  79.     background: transparent;
  80. }
  81. textarea {
  82.     background: transparent;
  83.     color: white;
  84. }
  85. .bb-btn:hover {
  86.     background: #c9a8a861;
  87.     color: white;
  88. }
  89. .wrap > header + div {
  90.     color: white;
  91.     background: #09161c;
  92. }
  93. .search-inner > input {
  94.     background: #222d33;
  95.     color: white;
  96. }
  97. .search-inner > button > span {
  98.     color: white;
  99. }
  100. .footer {
  101.     background: #222d33;
  102.     box-shadow: inset 0 20px 20px -20px rgb(255 255 255 / 80%);
  103.     border-bottom: 2px solid #09161c;
  104. }
  105. .header {
  106.     background: #09161c;
  107. }
  108. .wrap {
  109.     background: #09161c;
  110. }
  111. .speedbar span > a > span {
  112.     color: white;
  113.     background-color: #09161CCC;
  114.     /*display: flex;*/
  115. }
  116. .full-text {
  117.     background-color: #061014;
  118. }
  119. .short-bottom {
  120.     line-height: 40px;
  121.     padding: 10px 20px;
  122.     border-top: 1px solid #5c5b5b;
  123.     background: #061014!important;
  124. }
  125. .icon-l span.fa {
  126.     margin-right: 10px;
  127.     color: gray;
  128. }
  129. .icon-l span.fa > a {
  130.     margin-right: 10px;
  131.     color: gray;
  132. }
  133. .decor,
  134. .side-box,
  135. .short,
  136. .pm-page,
  137. .search-page,
  138. .static-page,
  139. .tags-page,
  140. .form-wrap {
  141.     background: transparent;
  142. }
  143. .short-top {
  144.     background: linear-gradient(to bottom, #152d44 0%, #0e0b2e 100%);
  145. }
  146. .pagi-nav {
  147.     background: #09161c;
  148. }
  149. .full-text {
  150.     background: rgb(12, 23, 34);
  151. }
  152. .short-bottom {
  153.     line-height: 40px;
  154.     padding: 10px 20px;
  155.     border-top: 1px solid #363636;
  156.     background: rgb(12, 23, 34);
  157. }
  158. .side-bc {
  159.     background-color: hsl(0deg 0% 0% / 22%);
  160. }
  161. .header:before,
  162. .side-bt,
  163. .short-top,
  164. .comm-one {
  165.     background-color: #000;
  166.     background: linear-gradient(to bottom, #222d33 20%, #000 90%);
  167.     color: #FFF;
  168.     border-radius: 4px;
  169. }
  170.  
  171. .header-line.clearfix {
  172.     background: #09161c;
  173.     padding: 10px;
  174. }
  175. .berrors {
  176.     background: #44444444;
  177.     color: #fff;
  178.     margin: 0 0 20px 0;
  179.     padding: 10px 20px;
  180. }
  181. .sres-wrap {
  182.     background-color: #44444444;
  183.     display: block;
  184.     padding: 15px 15px 15px 230px;
  185.     border: 1px solid #e3e3e3;
  186.     position: relative;
  187. }
  188. .sres-text {
  189.     float: right;
  190.     width: 100%;
  191.     color: white;
  192. }
  193. .user-prof {
  194.     border: 1px solid #ddd;
  195.     background-color: #fff;
  196.     margin-bottom: 20px;
  197.     color: black;
  198. }
  199. tr {
  200.     background: wheat;
  201. }
  202. .pm tr td,
  203. .userstop tr td {
  204.     color: gray;
  205. }
  206. .pm tr:nth-child(1) {
  207.     background-color: transparent;
  208.     color: #FFF;
  209. }
  210. .side-bc > ul > li a {
  211.     color: white;
  212. }
  213. .lc-body {
  214.     color: white;
  215. }
  216. .title_quote {
  217.     background: transparent;
  218. }
  219. .lc-text a {
  220.     color: white;
  221. }
  222. .side-top a:hover,
  223. .lforum a:hover,
  224. .speedbar a:hover {
  225.     background-color: #4e5e6e4e;
  226. }
  227. .lcomm:hover {
  228.     background-color: #4e5e6e4e;
  229. }
  230. .comm-three ul li a,
  231. a {
  232.     color: darkgray;
  233.     text-decoration: none;
  234. }
  235. .lc-text a {
  236.     color: black;
  237. }
  238. .comments-tree-list > .comments-tree-item > .comments-tree-list {
  239.     background-color: #66778859;
  240. }
  241. .quote {
  242.     color: white;
  243.     background-color: transparent;
  244. }
  245. .comm-two{
  246. background-color: transparent;
  247. }
  248. .comm-left div:nth-child(2) span{
  249.     backdrop-filter: saturate(0.5);
  250.     box-shadow: inset 20px 20px 20px -5px #dddddd7d;
  251.     border-collapse: collapse;
  252.     border-radius: 3px;
  253.     padding: 2px;
  254. }
  255.  
  256. form .flex-row{
  257.     padding-bottom: 10px;
  258. }
  259. .scriptcode, .title_spoiler, .text_spoiler{
  260. background: transparent;
  261. }
  262.  
  263. `);
  264.  
  265. addStyle(`
  266. :root {
  267.     --sun-img: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAYdJREFUSEvN1j1PFFEUxvHfNhCoqPgC1EQTXjoSKKgwoJUtxoYOGigJkNhIo59AWwoIGAsTC02wQkk01HwBKyqMNpJj7iSzu3N3Zg1LuM3szJ57/vc5955npqW/cZbCZ5tOazUNTHF/07XxvMaBtwVYxQqe4apCXa8SjeENTvC2mNup4DgBvmMhA6mqaiT/hIcJ8DgHiMDPeIDX2Gi4R6+wjh+YLy+sag8CEhJ3EEpibOIpJtP9BQ6wn+5j5REfJW4rbd0mT6REUxkl5wl8mVNaB/iGSB6J9vAxJVrEdum/6f8BRFlepuRz+NWRZASnCbJVKldbWC8Fxerj2L7LrHA5nZpQWKkiAHG2Z1KCryhs4DeGMFqx+oIXKq7xB8PpYVu+OwHk9ufWSpQDDHyTAzzQYxqAgTRa4Yq7fVjFEp5jDT/LNe/sg7Ir9mN2R3iCOOaPypCcXXe5Yo2rjuN96qcviM7/NzoB4Ybh5V2uWGqi+Fn1Tg7IIT7gRQ5QZ//3/51cp6Dvz5YbBnJjrUwOzUMAAAAASUVORK5CYII=) no-repeat transparent top center;
  268.     --month-img: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAZpJREFUSEu1leExBUEQhL8XASJABIgAESADIiADRIAIyAARIAJkQASIgPrUzNVad1d71Ns/d+/V7nRPd+/cjDmv2Zzr0wKwBewAPleAVeC9ldgYwDpwBywWxT4C5N8A+8BlFH4OkGXgFDhpZe++vg7OgcMokgU/gcns+wCU5TGK7wE38S7AQ/gwpYFfHdwDm5UUevAG3AK7k6pXEqXur4CdlEb6LogJmrRKDzTveMBIpTKq24BdNq8SIOXpK5LdPQXIn2Lq4bWQ4aWHYhLwaQCGQLyMru8aZQceWBgB8KAk3ONhQfydyzAY76P4Y6kGSJ3LeNaNCHIVSUuW2a2jJJeX06D86GDM5BpIT4ysRe3I5UVUBW/8RXZSSuRmZ4+MNiYMNJmmVOljF5R6VKSRHYPmPEKOGDvpBmQNUBp5EHq3YCjXdWy0+878vmFnCs5is6wceEORzOTkhP1Fauh7IIiHMpImR1amw6WReqbZmfteWcc+OHUkh6RyykqovBPd3tZPpmxNi0/lMmkGwqI50nsJtAC0mDy4Z+4AX8YAXBnllTnWAAAAAElFTkSuQmCC) no-repeat transparent;
  269.     --crown-img: url(data:image/png;base64,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) no-repeat transparent;
  270. }
  271. div.header-in.center {
  272.     position: static;
  273. }
  274. .hidden-menu {
  275.     background-color: hsl(0deg 0% 0% / 60%);
  276.     border-radius: 0 0 10px 10px;
  277.     backdrop-filter: blur(8px);
  278. }
  279. .clearfix > li:hover > ul {
  280.     display: block;
  281. }
  282. .side-bc {
  283.     padding: 20px 20px 0px 20px;
  284.     border-radius: 0px 0px 5px 5px;
  285. }
  286. .css-kx {
  287.     display: block;
  288.     position: absolute;
  289.     margin-top: -5px;
  290.     margin-left: 190px;
  291. }
  292. .themex {
  293.     cursor: pointer;
  294.     width: 24px;
  295.     height: 24px;
  296.     color: transparent;
  297.     filter: invert(100%);
  298. }
  299. .icox {
  300.     background: var(--sun-img);
  301.   /*  background-size: 92%;*/
  302. }
  303. .icox:hover {    
  304.     filter: drop-shadow(0 0 15px rgba(25,25,25,0.99)) invert(1);
  305. }
  306. article div > img {
  307.     border-radius: 8px;
  308. }
  309. #dle-content .short div > img {
  310.     border-radius: 8px;
  311. }
  312. header:before {
  313.     background: linear-gradient(to bottom, #2a5885 0%, #ffffff 107px);
  314. }
  315. .header-line {
  316.     background: transparent;
  317.     padding: 10px;
  318. }
  319. .header-menu.icon-l.clearfix {
  320.     background: #222d33;
  321.     padding: 0px;
  322.     border-radius: 5px;
  323.     box-shadow: inset 10px 20px 20px -15px rgb(255 255 255 / 20%);
  324. }
  325. .header:before,
  326. .side-bt,
  327. .short-top,
  328. .comm-one {
  329.     border-radius: 4px;
  330. }
  331.  
  332.  
  333. `);
  334.   
  335.     theme = GM_getValue('Theme');
  336.  
  337.   
  338.  $('.header-in ul li ul').each(function () {
  339.   $(this).parent().attr('class', 'submenu')
  340. });
  341.   
  342.  $("div.short-bottom-right > div:nth-child(4) > a").each((a, b) => {
  343.     $(b).attr('id', 'text');
  344. });
  345.  
  346. $('header').removeAttr('class');
  347.  
  348. $('.login-box > div').append($('.login-box > ul'));
  349. $('.ac-av.img-box').append($('.lb-ava.img-box').clone()); //avatar copy - comment
  350. $('aside > div:nth-child(1) > div:nth-child(1)').prepend(`
  351. <div class="css-kx">
  352. <input class="themex icox"> 
  353. </div>
  354. `);
  355.  
  356.  
  357. if (theme == "White") {
  358.     $('.icox').attr({'style': 'background: var(--month-img);', 'title': 'Тёмный режим | Dark mode'});
  359.     $('header').attr('style', 'background: linear-gradient(to bottom, #2a5885 0%,#ffffff 107px);');
  360.     addStyle(black);
  361.     $('style').last().remove();
  362.   
  363. } else if (theme == "Black") {
  364.  
  365.     $('.icox').attr({'style': 'background: var(--sun-img);', 'title': 'Светлый режим | White mode'});
  366.     addStyle(black);
  367.     $('html').removeAttr('style');
  368. }
  369.  
  370.  
  371. $('.icox').click(() => {
  372. theme = GM_getValue('Theme');
  373.     if (theme == "Black") {
  374.  
  375.         $('.icox').attr({'style': 'background: var(--month-img);', 'title': 'Тёмный режим | Dark mode'});
  376.         $('header').attr('style', 'background: linear-gradient(to bottom, #2a5885 0%,#ffffff 107px);');
  377.  
  378.         $('style').last().remove();
  379.         GM_setValue('Theme', 'White');
  380.       
  381.     } else if (theme == "White") {
  382.  
  383.         addStyle(black);
  384.         $('.icox').attr({'style': 'background: var(--sun-img);', 'title': 'Светлый режим | White mode'});
  385.         $('header').removeAttr('style');
  386.         
  387.         GM_setValue('Theme', 'Black');
  388.     }
  389. });
  390.  
  391.  
  392.  msgCheck = setInterval(() => { //blink if have message
  393.     var inf = `#login-box > div  li:nth-child(2) > a`;
  394.     if (!$(inf).text().match('\(0\)'))
  395.         $(inf).css('color', $(inf).css('color') == 'rgb(255, 255, 255)' ? 'chocolate' : 'white');
  396.     else clearInterval(msgCheck);
  397.     $(inf).on('mouseover', () => clearInterval(msgCheck));
  398. }, 1e3);
  399.   
  400.   function addStyle (a) {
  401.   const b = document.createElement('style'); 
  402.   b.type = 'text/css'; 
  403.   b.textContent = a;
  404.   document.documentElement.appendChild(b);  
  405.   return b;
  406.   }
  407.   
  408. })();