☰

DarkMode V2 for Greasyfork

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

目前为 2025-02-12 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         DarkMode V2 for Greasyfork
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.3.2
  5. // @description  changes the color theme of the page to cool dark colors.
  6. // @author       Gullampis810
  7. // @license      MIT
  8. // @match        https://greasyfork.org/*
  9. // @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
  10. // @grant        GM_addStyle
  11. // ==/UserScript==
  12.  
  13.  
  14.  
  15.  
  16. (function() {
  17.     'use strict';
  18.  
  19.  
  20.     // Добавляем кастомный стиль на страницу
  21.     GM_addStyle(`
  22.  
  23.  
  24.           /* значок js */
  25.           .badge-js {
  26.           background-color: #deb53b;
  27.           color: #000000 !important;
  28.           mix-blend-mode: inherit; /* Улучшение контраста */
  29.       }
  30.  
  31.          /* уведомление об ошибках */
  32.          .validation-errors {
  33.              background-color: #af6a186b;
  34.              border: none;
  35.              border-left: 6px solid #FF9800;
  36.          }
  37.  
  38.  
  39.           /* кнопки переключения страницы 12345678910111213  */
  40.          .pagination>*, .script-list+.pagination>*, .user-list+.pagination>* {
  41.              background-color: #564062;
  42.              border-radius: 5px;
  43.          }
  44.          .pagination>a:hover, .pagination>a:focus {
  45.              background-color: #227648;
  46.          }
  47.  
  48.  
  49.         a.self-link, a.self-link:visited {
  50.             opacity: 1.2;
  51.             background-color: #53405f;
  52.             border: 2px solid #27857b;
  53.             border-radius: 5px;
  54.         }
  55.  
  56.  
  57.         /* лист групп */
  58.         .list-option-group a:hover, .list-option-group a:focus {
  59.             background: linear-gradient(#3c646b, #8b75a7);
  60.             text-decoration: none;
  61.             box-shadow: inset 0 -1px #ddd, inset 0 1px #eee;
  62.         }
  63.  
  64.  
  65.  
  66.         /* Стили для ссылок */
  67.         a {
  68.             color: #000000; /* Начальный цвет ссылки */
  69.             text-decoration: none; /* Убираем подчеркивание */
  70.             transition: all 0.3s ease; /* Плавный переход при изменении */
  71.         }
  72.  
  73.         /* Подсветка при наведении */
  74.         a:hover {
  75.             color: #8b5ea9; /* Цвет текста при наведении */
  76.             background-color: #22706e; /* Цвет фона при наведении */
  77.             padding: 5px 10px; /* Отступы для эффекта подсветки */
  78.             border-radius: 5px; /* Закругленные углы */
  79.         }
  80.  
  81.         /* Дополнительные стили для боковой панели (например, если это кнопки) */
  82.         .sidebar a {
  83.             display: block;
  84.             padding: 10px;
  85.             color: #8b5ea9;
  86.             border-radius: 4px;
  87.             transition: background-color 0.3s ease, color 0.3s ease;
  88.         }
  89.  
  90.         .sidebar a:hover {
  91.             background-color: #8b5ea9; /* Темный фон при наведении */
  92.             color: #8b5ea9; /* не Белый цвет текста при наведении */
  93.         }
  94.  
  95.  
  96.  
  97.  
  98.        /* Стили для общего текста */
  99.         * {
  100.             color: #e2e2e2 !important;
  101.         }
  102.  
  103.         body, select, input {
  104.             background-color: #4d3264;
  105.         }
  106.  
  107.  
  108.         /* слово require */
  109.         code {
  110.             background-color: #835818;
  111.         }
  112.  
  113.  
  114.  
  115.       /* фон страницы градиент */
  116.         body {
  117.              background: -webkit-linear-gradient(44deg, hsla(170, 52%, 38%, 1) 0%, hsla(285, 66%, 31%, 1) 56%, hsla(34, 100%, 38%, 1) 100%);
  118.              background-size: 100% 500%;  /* Растягиваем градиент по всей ширине и высоте элемента */
  119.         }
  120.  
  121.         #main-header {
  122.             background-color: #5d3e72;
  123.             background-image: linear-gradient(#412451, #009981);
  124.             box-shadow: 0 0 15px 2px #000000a1;
  125.             padding: .25em 0;
  126.         }
  127.  
  128.          .user-content {
  129.            background: linear-gradient(to right, #247a8c, #1f504f 1em);
  130.            border-left: 2px solid #43edca;
  131.        }
  132.  
  133.         #script-info {
  134.             border: 1px solid #BBBBBB;
  135.             border-radius: 5px;
  136.             clear: left;
  137.             background-color: #1f504f;
  138.             margin: 1em 0 0;
  139.             box-shadow: 0 0 5px #14816e;
  140.         }
  141.  
  142.         .user-content > p:first-child {
  143.           background: linear-gradient(268deg, hsla(181, 29%, 39%, 1) 0%, hsl(178.78deg 44.14% 21.76%) 100%);
  144.          }
  145.  
  146.         #additional-info .user-screenshots {
  147.              background: linear-gradient(259deg, hsla(181, 29%, 39%, 1) 0%, hsl(178.78deg 44.14% 21.76%) 100%);
  148.         }
  149.  
  150.         .form-control textarea:not([rows]), #ace-editor {
  151.             height: 20em;
  152.             background-color: #1a3a38;
  153.             color: #9fc8bf;
  154.         }
  155.  
  156.        .previewable textarea {
  157.            margin: 0;
  158.            background-color: #1a3a38;
  159.        }
  160.  
  161.        .ace_gutter-cell {
  162.            color: aquamarine;
  163.        }
  164.  
  165.        .ace_folding-enabled {
  166.            background-color: #557657;
  167.        }
  168.  
  169.         a {
  170.             color: #24d5a8;
  171.         }
  172.  
  173.  
  174.         a:visited {
  175.             color: #162c64;
  176.         }
  177.  
  178.        .reportable {
  179.            background-color: #154540;
  180.        }
  181.  
  182.        .text-content:last-child {
  183.            background-color: #154540;
  184.        }
  185.  
  186.        .script-list {
  187.            background-color: #154540;
  188.        }
  189.  
  190.        .list-option-group ul {
  191.            background-color: #44404e;
  192.        }
  193.  
  194.  
  195.        .list-option.list-current {
  196.            border-left: 7px solid #800;
  197.            box-shadow: 0 1px 0px 6px #0000001a;
  198.            background: linear-gradient(#1e5952, #7648a0);
  199.        }
  200.  
  201.        #add-additional-info {
  202.            background-color: #a48cb3;
  203.            padding: 10px 20px;
  204.            border: none;
  205.            border-radius: 5px;
  206.            cursor: pointer;
  207.            font-size: 16px;
  208.            transition: background-color 0.3s;
  209.        }
  210.  
  211.  
  212.           input[type="submit"][name="commit"] {
  213.           background-color: #a48cb3;
  214.           padding: 10px 20px;
  215.           border: none;
  216.           border-radius: 5px;
  217.           cursor: pointer;
  218.           font-size: 16px;
  219.           transition: background-color 0.3s;
  220.       }
  221.  
  222.           /* При наведении на кнопку */
  223.           input[type="submit"][name="commit"]:hover {
  224.               background-color: #45a049; /* Темнее при наведении */
  225.           }
  226.  
  227.          /* text Code editor Li */
  228.          li.L1, li.L3, li.L5, li.L7, li.L9 {
  229.              background: #234848;
  230.         }
  231.  
  232.       #version-note {
  233.           background-color: #ffc79980;
  234.           border: 2px dotted #3bd39e;
  235.       }
  236.  
  237.       nav nav {
  238.       position: absolute;
  239.       right: 0px;
  240.       background-color: #382f46;
  241.       min-width: 100%;
  242.       display: none;
  243.       z-index: 10;
  244.       padding: 5px 0px;
  245.       border-radius: 12px;
  246.       }
  247.  
  248.     `);
  249.  
  250. })();
  251.  
  252.  
  253.