DarkMode V2 for Greasyfork

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

当前为 2025-02-12 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         DarkMode V2 for Greasyfork
// @namespace    http://tampermonkey.net/
// @version      2.3.2
// @description  changes the color theme of the page to cool dark colors.
// @author       Gullampis810
// @license      MIT
// @match        https://greasyfork.org/*
// @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;
         }


          /* кнопки переключения страницы 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;
        }


        /* лист групп */
        .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;
        }



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

        /* Подсветка при наведении */
        a:hover {
            color: #8b5ea9; /* Цвет текста при наведении */
            background-color: #22706e; /* Цвет фона при наведении */
            padding: 5px 10px; /* Отступы для эффекта подсветки */
            border-radius: 5px; /* Закругленные углы */
        }

        /* Дополнительные стили для боковой панели (например, если это кнопки) */
        .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: #4d3264;
        }


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



      /* фон страницы градиент */
        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;
       }

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

        .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%);
        }

        .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;
       }


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

       #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: #234848;
        }

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

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

    `);

})();