☰

Rsload net Emerald Twilight Theme

A dark green theme with orange accents and a gradient background (dark purple to dark blue) for rsload.net

  1. // ==UserScript==
  2. // @name         Rsload net Emerald Twilight Theme
  3. // @name:ru      Rsload net Тема Изумрудные Сумерки
  4. // @namespace    http://tampermonkey.net/
  5. // @version      1.32
  6. // @description  A dark green theme with orange accents and a gradient background (dark purple to dark blue) for rsload.net
  7. // @description:ru Тёмно-зелёная тема с оранжевыми акцентами и градиентным фоном (от тёмно-фиолетового к тёмно-голубому) для rsload.net
  8. // @author       Gullampis810
  9. // @license      MIT
  10. // @match        https://rsload.net/*
  11. // @icon         https://github.com/sopernik566/icons/blob/main/rsloadiCon.png?raw=true
  12. // @grant        GM_addStyle
  13. // ==/UserScript==
  14.  
  15.  
  16.  
  17. (function() {
  18.     'use strict';
  19.  
  20.     GM_addStyle(`
  21.         /* Стили для общего текста */
  22.         * {
  23.             color: #E0E0E0 !important;
  24.         }
  25.  
  26.         .comm-info a {
  27.             color: #C2185B !important;
  28.             font-weight: bold;
  29.             box-shadow: 1px 3px 8px 0px rgba(0, 0, 0, 0.79);
  30.         }
  31.  
  32.         .ac-inputs input {
  33.             width: 49%;
  34.             background: #353535;
  35.             color: #E0E0E0;
  36.         }
  37.  
  38.         .search-page {
  39.             background-color: #3A3A3A;
  40.             border-radius: 4px;
  41.             box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.38);
  42.         }
  43.  
  44.         ::selection {
  45.             background-color: #C2185B;
  46.         }
  47.  
  48.         #fullsearch:not(.fullsearch) #searchinput {
  49.             width: 100%;
  50.             display: block;
  51.             max-width: 600px;
  52.             margin: 0 0 7px 0;
  53.             border-radius: 4px;
  54.             box-shadow: inset 0 2px 6px 2px rgba(0, 0, 0, 0.38);
  55.             background-color: #353535;
  56.         }
  57.  
  58.         .sres-wrap {
  59.             background-color: #3A3A3A;
  60.             border: 1px solid #C2185B;
  61.         }
  62.  
  63.         /* поисковая строка */
  64.         .search-inner input, .search-inner input:focus {
  65.             background-color: #353535;
  66.         }
  67.  
  68.         /* шапка градиента */
  69.         .header-in {
  70.             padding: 0 10px;
  71.             background-color: #3A3A3A;
  72.         }
  73.  
  74.         .cols {
  75.             background-color: #2E2E2E;
  76.         }
  77.  
  78.         .short {
  79.             margin-bottom: 20px;
  80.             background-color: #3A3A3A;
  81.         }
  82.  
  83.         .side-bc {
  84.             background-color: #3A3A3A;
  85.         }
  86.  
  87.         .lb-user {
  88.             margin: -20px -20px 20px -20px;
  89.             padding: 20px;
  90.             background-color: #3A3A3A;
  91.             display: flex;
  92.             flex-flow: row wrap;
  93.             justify-content: left;
  94.             align-items: center;
  95.         }
  96.  
  97.         .bb-editor textarea {
  98.             background-color: #424242;
  99.         }
  100.  
  101.         .comm-two {
  102.             background-color: #353535;
  103.             border: 1px solid #C2185B;
  104.             box-shadow: 0px 13px 9px 0px rgba(0, 0, 0, 0.79);
  105.         }
  106.  
  107.         .comm-item {
  108.             border-bottom: 1px solid #AD1457;
  109.         }
  110.  
  111.         #gotop {
  112.             position: fixed;
  113.             width: 40px;
  114.             height: 40px;
  115.             line-height: 36px;
  116.             right: 10px;
  117.             bottom: 10px;
  118.             cursor: pointer;
  119.             font-size: 20px;
  120.             z-index: 9998;
  121.             display: none;
  122.             opacity: 0.7;
  123.             background-color: #C2185B;
  124.             color: #fff;
  125.             border-radius: 50%;
  126.             text-align: center;
  127.         }
  128.  
  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: #3A3A3A;
  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.             background-color: #424242;
  138.         }
  139.  
  140.         .quote {
  141.             background-color: #353535;
  142.         }
  143.  
  144.         .title_quote {
  145.             background: #3A3A3A;
  146.         }
  147.  
  148.         .comm-rate2 a {
  149.             display: block;
  150.             background-color: #C2185B;
  151.         }
  152.  
  153.         .bb-pane {
  154.             height: 1%;
  155.             overflow: hidden;
  156.             padding: 0 0 5px 5px;
  157.             margin: 0;
  158.             height: auto !important;
  159.             text-decoration: none;
  160.             background: linear-gradient(to bottom, #C2185B 0%, #2E2E2E 100%);
  161.             border-radius: 0px;
  162.             border: 1px solid #E91E63;
  163.             box-shadow: none !important;
  164.         }
  165.  
  166.         .lb-menu a {
  167.             background-color: #2E2E2E;
  168.             border-bottom: 1px solid #C2185B;
  169.             position: relative;
  170.             width: 198px;
  171.             right: 18px;
  172.         }
  173.  
  174.         .side-top a:hover {
  175.             background-color: #E91E63;
  176.         }
  177.  
  178.         .side-top a {
  179.             border-bottom: 1px solid #C2185B;
  180.         }
  181.  
  182.         .lcomm:hover {
  183.             background-color: #353535;
  184.             box-shadow: inset 0 0 7px 1px rgba(0, 0, 0, 0.65);
  185.         }
  186.  
  187.         .lcomm {
  188.             border-bottom: 1px solid #AD1457;
  189.         }
  190.  
  191.         .lc-popup {
  192.             background-color: #3A3A3A;
  193.             border: 2px solid #C2185B;
  194.             box-shadow: 30px 30px 55px 16px rgba(0, 0, 0, 0.79);
  195.         }
  196.  
  197.         .bb-pane>b {
  198.             background: #424242;
  199.             border-radius: 5px;
  200.             width: 40px;
  201.             height: 25px;
  202.             border: 2px solid #C2185B;
  203.         }
  204.  
  205.         .bb-btn:active {
  206.             background: #353535;
  207.             border-color: #E91E63;
  208.             box-shadow: 0 0 5px #000000 inset;
  209.         }
  210.  
  211.         .bb-btn:hover {
  212.             background: linear-gradient(to bottom, #E91E63 0%, #C2185B 100%);
  213.             border: 2px solid #E91E63;
  214.         }
  215.  
  216.         .scriptcode, .title_spoiler, .text_spoiler {
  217.             background: #353535;
  218.             border: 1px solid #C2185B;
  219.         }
  220.  
  221.         .side-top a:hover, .lforum a:hover, .speedbar a:hover {
  222.             background-color: #424242;
  223.         }
  224.  
  225.         .lb-menu a:hover, .lb-menu a:hover .fa {
  226.             background-color: #C2185B;
  227.         }
  228.  
  229.         .up-second {
  230.             background-color: #3A3A3A;
  231.         }
  232.  
  233.         .up-third {
  234.             border-bottom: 1px solid #C2185B;
  235.             border-top: 1px solid #E91E63;
  236.             box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.2);
  237.             background: #3A3A3A;
  238.         }
  239.  
  240.         .user-prof {
  241.             border: 1px solid #C2185B;
  242.             background-color: #3A3A3A;
  243.         }
  244.  
  245.         .up-third li:nth-child(2n) {
  246.             background-color: #353535;
  247.         }
  248.  
  249.         .up-first {
  250.             background-color: #2E2E2E;
  251.         }
  252.  
  253.         .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"] {
  254.             background: linear-gradient(171deg, #C2185B 0%, #2E2E2E 100%);
  255.         }
  256.  
  257.         .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 {
  258.             background: linear-gradient(to top, #E91E63 0%, #C2185B 100%);
  259.         }
  260.  
  261.         .header:before, .side-bt, .short-top, .comm-one {
  262.             background: linear-gradient(to bottom, #3A3A3A 0%, #C2185B 100%);
  263.         }
  264.  
  265.         .header-menu > li > a:hover, .header-menu .menuactive > a, .hidden-menu a:hover {
  266.             background-color: #424242;
  267.             border-radius: 15px;
  268.         }
  269.  
  270.         .hidden-menu {
  271.             background-color: #3A3A3A;
  272.             box-shadow: 3px 20px 20px 9px rgba(0, 0, 0, 0.61);
  273.             border-radius: 15px;
  274.         }
  275.  
  276.         .hidden-menu a {
  277.             display: block;
  278.             padding: 10px 20px;
  279.             font-weight: 700;
  280.             border: 2px solid transparent;
  281.         }
  282.  
  283.         .pagi-nav > span {
  284.             display: inline-block;
  285.             background: #424242;
  286.             border-radius: 5px;
  287.         }
  288.  
  289.         .decor, .side-box, .short, .pm-page, .search-page, .static-page, .tags-page, .form-wrap {
  290.             background-color: #3A3A3A;
  291.             border-radius: 4px;
  292.             box-shadow: 0 28px 20px 0px rgba(0, 0, 0, 0.29);
  293.         }
  294.  
  295.         .fa-search:before {
  296.             color: #C2185B;
  297.         }
  298.     `);
  299. })();
  300.  
  301.  
  302.  
  303.  
  304. // загрузка скачивание описание
  305.  
  306.  
  307. (function() {
  308.     'use strict';
  309.  
  310.     GM_addStyle(`
  311.         /* Контейнер блока загрузки */
  312.         div[style*="background-color: #f8f9fa"] {
  313.             background-color: #3A3A3A !important;
  314.             border: 1px solid #C2185B !important;
  315.             border-radius: 10px !important;
  316.             padding: 20px !important;
  317.             margin: 20px 0 !important;
  318.         }
  319.  
  320.         /* Заголовок h3 */
  321.         h3[style*="color: #2c3e50"] {
  322.             color: #E0E0E0 !important;
  323.             margin-top: 0 !important;
  324.             border-bottom: 2px solid #C2185B !important;
  325.             padding-bottom: 10px !important;
  326.         }
  327.  
  328.         /* Основная ссылка */
  329.         a[style*="background-color: #0078d7"] {
  330.             text-decoration: none !important;
  331.             color: #E0E0E0 !important;
  332.             background-color: #C2185B !important;
  333.             padding: 10px 15px !important;
  334.             border-radius: 6px !important;
  335.             font-weight: bold !important;
  336.             display: inline-flex !important;
  337.             align-items: center !important;
  338.         }
  339.  
  340.         /* Текст "Дополнительные зеркала" */
  341.         p[style*="color: #555"] {
  342.             margin-bottom: 15px !important;
  343.             color: #E0E0E0 !important;
  344.         }
  345.  
  346.         /* Все ссылки зеркал */
  347.         a[style*="padding: 8px 12px"] {
  348.             text-decoration: none !important;
  349.             color: #E0E0E0 !important;
  350.             background-color: #C2185B !important;
  351.             padding: 8px 12px !important;
  352.             border-radius: 6px !important;
  353.             font-size: 14px !important;
  354.             display: inline-flex !important;
  355.             align-items: center !important;
  356.         }
  357.  
  358.         /* Нижний текст с подсказкой */
  359.         p[style*="color: #777"] {
  360.             margin-top: 15px !important;
  361.             color: #A0A0A0 !important;
  362.             font-size: 13px !important;
  363.         }
  364.  
  365.         /* Hover эффект для всех ссылок */
  366.         a[style*="background-color"]:hover {
  367.             background-color: #E91E63 !important;
  368.         }
  369.  
  370.          /* Ячейки с белым фоном #f9f9f9 */
  371.         td[style*="background-color: #f9f9f9"] {
  372.             background-color: #3A3A3A !important;
  373.             border-bottom: 1px solid #C2185B !important;
  374.             padding: 12px 16px !important;
  375.             color: #E0E0E0 !important;
  376.         }
  377.  
  378.         /* Ячейки без фона */
  379.         td[style*="padding: 12px 16px; border-bottom"] {
  380.             background-color: #353535 !important;
  381.             border-bottom: 1px solid #C2185B !important;
  382.             padding: 12px 16px !important;
  383.             color: #E0E0E0 !important;
  384.         }
  385.  
  386.         /* Ячейка без нижней границы */
  387.         td[style*="padding: 12px 16px; background-color: #f9f9f9"] {
  388.             background-color: #3A3A3A !important;
  389.             padding: 12px 16px !important;
  390.             color: #E0E0E0 !important;
  391.         }
  392.  
  393.         /* Переопределение всех цветов текста */
  394.         td[style*="color: #16a34a"],
  395.         td[style*="color: #2563eb"],
  396.         td[style*="color: #dc2626"] {
  397.             color: #E0E0E0 !important;
  398.         }
  399.  
  400.  
  401.         /* Список с белым фоном и серой границей */
  402.         ul[style*="background-color: #f5f5f5"] {
  403.             border: 2px solid #C2185B !important;
  404.             background-color: #3A3A3A !important;
  405.             padding: 15px 40px 15px 40px !important;
  406.             border-radius: 8px !important;
  407.         }
  408.  
  409.         /* Элементы списка */
  410.         ul[style*="background-color: #f5f5f5"] li {
  411.             color: #E0E0E0 !important;
  412.         }
  413.  
  414.         /* Hover эффект для элементов списка */
  415.         ul[style*="background-color: #f5f5f5"] li:hover {
  416.             background-color: #424242 !important;
  417.             border-radius: 4px !important;
  418.         }
  419.     `);
  420. })();
  421.  
  422.  
  423.  
  424.  
  425.  
  426. // password inputs login
  427.  
  428. (function() {
  429.     'use strict';
  430.  
  431.     GM_addStyle(`
  432.         /* Внешний контейнер */
  433.         .side-bc {
  434.             background-color: #3A3A3A !important;
  435.         }
  436.  
  437.         /* Блок авторизации */
  438.         #login-box.login-box {
  439.             background-color: #3A3A3A !important;
  440.             border: 2px solid #C2185B !important;
  441.             border-radius: 8px !important;
  442.             padding: 15px !important;
  443.         }
  444.  
  445.         /* Переопределение стилей для всех инпутов внутри .login-box */
  446.         .login-box input[type="text"],
  447.         .login-box input[type="password"] {
  448.             background-color: #424242 !important;
  449.             color: #E0E0E0 !important;
  450.             border: 2px solid #C2185B !important;
  451.             border-radius: 6px !important;
  452.             padding: 8px !important;
  453.             width: 100% !important;
  454.             margin-bottom: 10px !important;
  455.             box-sizing: border-box !important;
  456.             display: block !important;
  457.         }
  458.  
  459.         /* Перехват autofill стилей */
  460.         .login-box input[type="text"]:-webkit-autofill,
  461.         .login-box input[type="password"]:-webkit-autofill,
  462.         .login-box input[type="text"]:-webkit-autofill:hover,
  463.         .login-box input[type="password"]:-webkit-autofill:hover,
  464.         .login-box input[type="text"]:-webkit-autofill:focus,
  465.         .login-box input[type="password"]:-webkit-autofill:focus,
  466.         .login-box input[type="text"]:-internal-autofill-selected,
  467.         .login-box input[type="password"]:-internal-autofill-selected {
  468.             -webkit-box-shadow: 0 0 0 1000px #424242 inset !important;
  469.             background-color: #424242 !important;
  470.             background-image: none !important;
  471.             color: #E0E0E0 !important;
  472.             border: 2px solid #C2185B !important;
  473.             -webkit-text-fill-color: #E0E0E0 !important;
  474.         }
  475.  
  476.         /* Плейсхолдеры */
  477.         .login-box input[type="text"]::placeholder,
  478.         .login-box input[type="password"]::placeholder {
  479.             color: #A0A0A0 !important;
  480.             opacity: 1 !important;
  481.         }
  482.  
  483.         /* Hover для инпутов */
  484.         .login-box input[type="text"]:hover,
  485.         .login-box input[type="password"]:hover {
  486.             background-color: #4A4A4A !important;
  487.             border-color: #E91E63 !important;
  488.         }
  489.  
  490.         /* Focus для инпутов */
  491.         .login-box input[type="text"]:focus,
  492.         .login-box input[type="password"]:focus {
  493.             background-color: #4A4A4A !important;
  494.             border-color: #E91E63 !important;
  495.             box-shadow: 0 0 5px #C2185B !important;
  496.             outline: none !important;
  497.         }
  498.  
  499.         /* Кнопка входа */
  500.         .login-box button[type="submit"] {
  501.             background-color: #C2185B !important;
  502.             color: #E0E0E0 !important;
  503.             border: none !important;
  504.             border-radius: 6px !important;
  505.             padding: 10px !important;
  506.             width: 100% !important;
  507.             cursor: pointer !important;
  508.             transition: background-color 0.3s ease !important;
  509.             display: block !important;
  510.         }
  511.  
  512.         /* Hover для кнопки */
  513.         .login-box button[type="submit"]:hover {
  514.             background-color: #E91E63 !important;
  515.         }
  516.  
  517.         /* Чекбокс и текст */
  518.         .login-box .lb-check {
  519.             margin-top: 10px !important;
  520.             color: #E0E0E0 !important;
  521.         }
  522.  
  523.         .login-box .lb-check input[type="checkbox"] {
  524.             margin-right: 5px !important;
  525.         }
  526.  
  527.         .login-box .lb-check label {
  528.             color: #E0E0E0 !important;
  529.         }
  530.  
  531.         /* Ссылки */
  532.         .login-box .lb-lnk {
  533.             margin-top: 10px !important;
  534.         }
  535.  
  536.         .login-box .lb-lnk a {
  537.             color: #C2185B !important;
  538.             text-decoration: none !important;
  539.         }
  540.  
  541.         .login-box .lb-lnk a:hover {
  542.             color: #E91E63 !important;
  543.             text-decoration: underline !important;
  544.         }
  545.  
  546.         .login-box .lb-lnk .log-register {
  547.             margin-left: 10px !important;
  548.         }
  549.     `);
  550. })();