☰

DarkMode V2 for Greasyfork

changes the color theme of the page to cool dark colors.

// ==UserScript==
// @name         DarkMode V2 for Greasyfork
// @namespace    http://tampermonkey.net/
// @version      2.3.8
// @description  changes the color theme of the page to cool dark colors.
// @author       Gullampis810
// @license      MIT
// @match        https://gf.qytechs.cn/*
// @icon         https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/6f/d0/b6/6fd0b6b2-d0f4-54b8-3ae4-4bc709de11c4/AppIcon-0-0-2x_U007euniversal-0-4-85-220.png/1200x630bb.png
// @grant        GM_addStyle
// ==/UserScript==




(function() {
    'use strict';



    // Добавляем кастомный стиль на страницу
    GM_addStyle(`


          /* значок js */
          .badge-js {
          background-color: #deb53b;
          color: #000000 !important;
          mix-blend-mode: inherit; /* Улучшение контраста */
      }

         /* уведомление об ошибках */
         .validation-errors {
             background-color: #af6a186b;
             border: none;
             border-left: 6px solid #FF9800;
         }

td {
    background: #12433c !important;
    border-radius: 20px !important;
    padding: 10px !important;
}
td.ban-text {
    color: red !important;
    background-color: #ff000033 !important; /* Полупрозрачный красный фон */
}


                     .language-selector-locale {
                       padding: 6px;
                       border-radius: 25px !important;
                       border: solid 2px #147572 !important;
                     }

                .text-content.log-table {
                  background: #0e2921 !important;
                }
                                .discussion-list.discussion-list-logged-in {
                                               	background: #153637 !important;
                                               	box-shadow: 4px 4px 7px 0px #0d1211 !important;
                                               }

                               .discussion-list-container.discussion-read {
                                               background: #1c351d;
                                             } /* прочитано */
                .list-option-button {
                  background: #433f4d !important;
                  color: #6ffbee !important;
                  border-radius: 30px !important;
                }

      a.script-link {
              color: #40b16e !important;
    box-shadow: 0px 0px 14px 1px #88c951;
    background: #44404e;
    padding: 5px;
    border-radius: 7px;
      }

           /* input search */

           input[type="search"] {
               box-shadow: inset 0px 0px 14px 1px #0d1211;
               background: #44404e;
               padding: 8px;
               border-radius: 30px;
               border: 2px #6bebe0 solid;
             }


         p#deleted-note {
             color: #671111 !important;
         }


          /* кнопки переключения страницы 12345678910111213  */
         .pagination>*, .script-list+.pagination>*, .user-list+.pagination>* {
             background-color: #564062;
             border-radius: 5px;
         }
         .pagination>a:hover, .pagination>a:focus {
             background-color: #227648;
         }


        a.self-link, a.self-link:visited {
            opacity: 1.2;
            background-color: #53405f;
            border: 2px solid #27857b;
            border-radius: 5px;
        }





        /* Стили для ссылок */
        a {
            color: #000000; /* Начальный цвет ссылки */
            text-decoration: none; /* Убираем подчеркивание */
            transition: all 0.3s ease; /* Плавный переход при изменении */
        }

        /* Подсветка при наведении */

         a:hover {
           color: #8b5ea9;
           background-color: #0e2921;
           padding: 7px 10px;
           border-radius: 5px;
           box-shadow: -1px 9px 9px 0px #000000a2;
       }


        /* Дополнительные стили для боковой панели (например, если это кнопки) */
        .sidebar a {
            display: block;
            padding: 10px;
            color: #8b5ea9;
            border-radius: 4px;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .sidebar a:hover {
            background-color: #8b5ea9; /* Темный фон при наведении */
            color: #8b5ea9; /* не Белый цвет текста при наведении */
        }




       /* Стили для общего текста */
        * {
            color: #e2e2e2 !important;
        }

                 body, select, input {
                 background-color: #0e2921;
                 border-radius: 7px;
             }


        /* слово require */
        code {
            background-color: #835818;
        }

/* code container info script */
.code-container {
    background: #091c1b;
}

      /* фон страницы градиент */
        body {
             background: -webkit-linear-gradient(44deg, hsla(170, 52%, 38%, 1) 0%, hsla(285, 66%, 31%, 1) 56%, hsla(34, 100%, 38%, 1) 100%);
             background-size: 100% 500%;  /* Растягиваем градиент по всей ширине и высоте элемента */
        }

        #main-header {
            background-color: #5d3e72;
            background-image: linear-gradient(#412451, #009981);
            box-shadow: 0 0 15px 2px #000000a1;
            padding: .25em 0;
        }

         .user-content {
           background: linear-gradient(to right, #247a8c, #1f504f 1em);
           border-left: 2px solid #43edca;
       }


        .user-content > p:first-child {
          background: linear-gradient(268deg, hsla(181, 29%, 39%, 1) 0%, hsl(178.78deg 44.14% 21.76%) 100%);
         }

        #additional-info .user-screenshots {
             background: linear-gradient(259deg, hsla(181, 29%, 39%, 1) 0%, hsl(178.78deg 44.14% 21.76%) 100%);
        }

 .list-option.list-current {
           border-left: 7px solid #800;
           box-shadow: 0 1px 0px 6px #0000001a;
           background: linear-gradient(#1e5952, #7648a0);
       }

form.new_user input[type="submit"] {
              color: rgb(255, 255, 255);
              background-color: rgb(55, 14, 88);
              background-image: linear-gradient(rgb(25, 139, 120), rgb(55, 14, 88));
          }

 /* лист групп */
        .list-option-group a:hover, .list-option-group a:focus {
            background: linear-gradient(#3c646b, #8b75a7);
            text-decoration: none;
            box-shadow: inset 0 -1px #ddd, inset 0 1px #eee;
        }



  #script-info {
            border: 1px solid #BBBBBB;
            border-radius: 5px;
            clear: left;
            background-color: #1f504f;
            margin: 1em 0 0;
            box-shadow: 0px 14px 14px 1px #000000a2;
        }


        .form-control textarea:not([rows]), #ace-editor {
            height: 20em;
            background-color: #1a3a38;
            color: #9fc8bf;
        }

       .previewable textarea {
           margin: 0;
           background-color: #1a3a38;
       }

       .ace_gutter-cell {
           color: aquamarine;
       }

       .ace_folding-enabled {
           background-color: #557657;
       }

        a {
            color: #24d5a8;
        }


        a:visited {
            color: #162c64;
        }

       .reportable {
           background-color: #154540;
       }

       .text-content:last-child {
           background-color: #154540;
       }

       .script-list {
           background-color: #154540;
       }

       .list-option-group ul {
           background-color: #44404e;
       }




       #add-additional-info {
           background-color: #a48cb3;
           padding: 10px 20px;
           border: none;
           border-radius: 5px;
           cursor: pointer;
           font-size: 16px;
           transition: background-color 0.3s;
       }


          input[type="submit"][name="commit"] {
          background-color: #a48cb3;
          padding: 10px 20px;
          border: none;
          border-radius: 5px;
          cursor: pointer;
          font-size: 16px;
          transition: background-color 0.3s;
      }

          /* При наведении на кнопку */
          input[type="submit"][name="commit"]:hover {
              background-color: #45a049; /* Темнее при наведении */
          }

         /* text Code editor Li */
         li.L1, li.L3, li.L5, li.L7, li.L9 {
             background: #152d2d;
        }
/* цвет фона  выделения текста в редакторе  */
.ace-tm .ace_marker-layer .ace_selection {
    background: #1f6b53;
}

      #version-note {
          background-color: #ffc79980;
          border: 2px dotted #3bd39e;
      }

      nav nav {
      position: absolute;
      right: 0px;
      background-color: #62556f;
      min-width: 100%;
      display: none;
      z-index: 10;
      padding: 5px 0px;
      border-radius: 12px;
      }

       .notice {
           background-color: #148a88a9;
           border-left: 6px solid #ad85d9;
           padding: 0.5em;
       }

        form.external-login-form {
            position: relative;
            display: table;
            background-color: rgb(42, 77, 80);
            text-align: center;
            margin: 0px auto;
            padding: 1em;
            border-width: 1px;
            border-style: solid;
            border-color: rgb(63, 218, 179);
            border-image: initial;
            border-radius: 5px;
        }

          form.new_user {
              position: relative;
              width: 340px;
              background-color: #2a4d50;
              text-align: start;
              margin: 0px auto;
              padding: 1em;
              border-width: 1px;
              border-style: solid;
              border-color: rgb(42, 211, 160);
              border-image: initial;
              border-radius: 5px;
          }



          input#user_email {
          background-color: #4f3a5f;
          opacity: 0.8;
      }
      input#user_password {
          background-color: #4f3a5f;
          opacity: 0.8;
      }

       button.external-login {
           color: white;
           font-size: 1.1em; /* Немного увеличил размер */
           padding: 12px 20px;
           border: none;
           border-radius: 8px;
           cursor: pointer;
           transition: all 0.3s ease-in-out;
           box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
       }

       button.external-login:hover {
           transform: scale(1.05); /* Небольшое увеличение при наведении */
           box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
       }

       button.external-login.google_oauth2-login {
           background-color: #30558e;
       }

       button.external-login.gitlab-login {
           background-color: #af8548;
       }

       button.external-login.github-login {
           background-color: #292e5f;
       }
         .tabs .current {
          box-shadow: #00000060 1px 0px inset, #00000077 -1px 0px inset, #00000052 0px -1px inset;
          border-top: 7px solid #21a392;
          border-radius: 4px 4px 0 0;
      }

      /* tab hover */
      .tabs .current, .tabs>*:not(.current) a:hover, .tabs>*:not(.current) a:focus {
    background: #98ab3761;
    box-shadow: 0px 11px 7px 1px #000000a2;
}


           input[type="file" i]::-webkit-file-upload-button {
               appearance: none;
               font-size: 1.1em;
               font-weight: bold;
               text-align: center;
               cursor: pointer;
               box-sizing: border-box;
               background-color: #215e53;
               color: white;
               padding: 8px 14px;
               border: 2px solid #2cb389;
               border-radius: 6px;
               transition: all 0.3sease-in-out;
               box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
           }
           }

           input[type="file" i]::-webkit-file-upload-button:hover {
               transform: scale(1.05); /* Увеличение при наведении */
               box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
               background-color: #357abd; /* Темнее при наведении */
           }

           input[type="file" i]::-webkit-file-upload-button:active {
               transform: scale(0.98); /* Небольшое уменьшение при клике */
               box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           }
span.rating-icon.rating-icon-good {
    background: #22731c;
}







input[type="submit"] {
    background-color: #16302f; /* red  фон */
    color: white; /* Белый текст */
    border: none; /* Без границы */
    border-radius: 12px; /* Сглаженные углы */
    padding: 15px 32px; /* Отступы (вверх/низ, влево/вправ) */
    text-align: center; /* Текст по центру */
    text-decoration: none; /* Без подчеркивания */
    display: inline-block; /* Для правильного отображения */
    font-size: 16px; /* Размер шрифта */
    cursor: pointer; /* Курсор в виде руки */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Плавное изменение фона и анимация */
}

input[type="submit"]:hover {
    background-color: #15584f; /* Цвет при наведении */
    transform: translateY(-2px); /* Легкий эффект поднятия кнопки */
}

input[type="submit"]:active {
    background-color: #401c1c; /* Цвет при нажатии */
    transform: translateY(0); /* Кнопка возвращается в исходное положение */
}

input[type="submit"]:focus {
    outline: none; /* Убираем обводку при фокусе */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* Легкая тень при фокусе */
}


    `);




        // Добавляем кастомный scrollbar   на страницу
    GM_addStyle(`


::-webkit-scrollbar {
      width: 25px;
    background: -webkit-linear-gradient(44deg, hsla(170, 52%, 38%, 1) 0%, hsla(285, 66%, 31%, 1) 56%, hsla(34, 100%, 38%, 1) 100%);
}

::-webkit-scrollbar-thumb {
  background-color: #C1A5EF; /* Цвет бегунка */
  border-radius: 22px; /* Скругление бегунка */
  border: 3px solid #4F3E6A; /* Внутренний отступ (цвет трека) */
  height: 80px; /* Высота бегунка */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #C6AEFF; /* Цвет бегунка при наведении */
}

::-webkit-scrollbar-thumb:active {
  background-color: #B097C9; /* Цвет бегунка при активном состоянии */
}

::-webkit-scrollbar-track {
  background:rgba(69, 85, 101, 0); /* Цвет трека */
  border-radius: 0px 0px 8px 0px; /* Скругление только нижнего правого угла */
}

::-webkit-scrollbar-track:hover {
  background-color:rgba(69, 85, 101, 0); /* Цвет трека при наведении */
}

::-webkit-scrollbar-track:active {
  background-color:rgba(69, 85, 101, 0); /* Цвет трека при активном состоянии */
}

/*  фон таблица канвас статистика */
canvas#install-stats-chart-container-canvas {
    background: #004737;
}


/* Базовые стили для всех кнопок */
button {
    background: #673AB7; /* Основной цвет */
    color: #ffffff; /* Белый цвет текста */
    padding: 10px 20px; /* Внутренние отступы */
    border: none; /* Убираем стандартную границу */
    border-radius: 6px; /* Скругленные углы */
    font-size: 14px; /* Размер шрифта */
    font-weight: 500; /* Полужирный шрифт */
    cursor: pointer; /* Курсор в виде руки */
    transition: all 0.3s ease; /* Плавные переходы */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); /* Легкая тень */
    position: relative; /* Для эффектов с псевдоэлементами */
    overflow: hidden; /* Скрываем переполнение для эффектов */
}

/* Эффект при наведении: затемнение и подъем */
button:hover {
    background: #5e35a6; /* Чуть темнее */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Увеличиваем тень */
    transform: translateY(-2px); /* Подъем кнопки */
}

/* Эффект при нажатии: опускание */
button:active {
    background: #552e91; /* Еще темнее */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); /* Уменьшаем тень */
    transform: translateY(1px); /* Опускание кнопки */
}

/* Эффект пульсации для привлечения внимания */
button[name="save"] {
    animation: pulse 2s infinite ease-in-out; /* Пульсация только для кнопки Save */
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(103, 58, 183, 0.7);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(103, 58, 183, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(103, 58, 183, 0);
    }
}

/* Эффект волны при нажатии */
button::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

button:active::after {
    transform: translate(-50%, -50%) scale(2);
    opacity: 1;
}

/* Специфические стили для кнопки "Remove selected" */
button[name="remove-selected-scripts"] {
    background: #d32f2f; /* Красный цвет для кнопки удаления */
}

button[name="remove-selected-scripts"]:hover {
    background: #b71c1c; /* Темнее при наведении */
}

button[name="remove-selected-scripts"]:active {
    background: #9a0000; /* Еще темнее при нажатии */
}

  `);

})();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址