☰

DarkMode V2 for Greasyfork

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

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

  1. // ==UserScript==
  2. // @name         DarkMode V2 for Greasyfork
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.3
  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.  
  50.         /* лист групп */
  51.         .list-option-group a:hover, .list-option-group a:focus {
  52.             background: linear-gradient(#3c646b, #8b75a7);
  53.             text-decoration: none;
  54.             box-shadow: inset 0 -1px #ddd, inset 0 1px #eee;
  55.         }
  56.  
  57.  
  58.  
  59.         /* Стили для ссылок */
  60.         a {
  61.             color: #000000; /* Начальный цвет ссылки */
  62.             text-decoration: none; /* Убираем подчеркивание */
  63.             transition: all 0.3s ease; /* Плавный переход при изменении */
  64.         }
  65.  
  66.         /* Подсветка при наведении */
  67.         a:hover {
  68.             color: #8b5ea9; /* Цвет текста при наведении */
  69.             background-color: #876b9a; /* Цвет фона при наведении */
  70.             padding: 5px 10px; /* Отступы для эффекта подсветки */
  71.             border-radius: 5px; /* Закругленные углы */
  72.         }
  73.  
  74.         /* Дополнительные стили для боковой панели (например, если это кнопки) */
  75.         .sidebar a {
  76.             display: block;
  77.             padding: 10px;
  78.             color: #8b5ea9;
  79.             border-radius: 4px;
  80.             transition: background-color 0.3s ease, color 0.3s ease;
  81.         }
  82.  
  83.         .sidebar a:hover {
  84.             background-color: #8b5ea9; /* Темный фон при наведении */
  85.             color: #8b5ea9; /* не Белый цвет текста при наведении */
  86.         }
  87.  
  88.  
  89.  
  90.  
  91.        /* Стили для общего текста */
  92.         * {
  93.             color: #e2e2e2 !important;
  94.         }
  95.  
  96.         body, select, input {
  97.             background-color: #4d3264;
  98.         }
  99.  
  100.  
  101.         /* слово require */
  102.         code {
  103.             background-color: #835818;
  104.         }
  105.  
  106.  
  107.  
  108.       /* фон страницы градиент */
  109.         body {
  110.              background: -webkit-linear-gradient(44deg, hsla(170, 52%, 38%, 1) 0%, hsla(285, 66%, 31%, 1) 56%, hsla(34, 100%, 38%, 1) 100%);
  111.              background-size: 100% 500%;  /* Растягиваем градиент по всей ширине и высоте элемента */
  112.         }
  113.  
  114.         #main-header {
  115.             background-color: #5d3e72;
  116.             background-image: linear-gradient(#412451, #009981);
  117.             box-shadow: 0 0 15px 2px #000000a1;
  118.             padding: .25em 0;
  119.         }
  120.  
  121.          .user-content {
  122.            background: linear-gradient(to right, #247a8c, #1f504f 1em);
  123.            border-left: 2px solid #43edca;
  124.        }
  125.  
  126.         #script-info {
  127.             border: 1px solid #BBBBBB;
  128.             border-radius: 5px;
  129.             clear: left;
  130.             background-color: #1f504f;
  131.             margin: 1em 0 0;
  132.             box-shadow: 0 0 5px #14816e;
  133.         }
  134.  
  135.         .user-content > p:first-child {
  136.           background: linear-gradient(268deg, hsla(181, 29%, 39%, 1) 0%, hsl(178.78deg 44.14% 21.76%) 100%);
  137.          }
  138.  
  139.         #additional-info .user-screenshots {
  140.              background: linear-gradient(259deg, hsla(181, 29%, 39%, 1) 0%, hsl(178.78deg 44.14% 21.76%) 100%);
  141.         }
  142.  
  143.         .form-control textarea:not([rows]), #ace-editor {
  144.             height: 20em;
  145.             background-color: #1a3a38;
  146.             color: #9fc8bf;
  147.         }
  148.  
  149.        .previewable textarea {
  150.            margin: 0;
  151.            background-color: #1a3a38;
  152.        }
  153.  
  154.        .ace_gutter-cell {
  155.            color: aquamarine;
  156.        }
  157.  
  158.        .ace_folding-enabled {
  159.            background-color: #557657;
  160.        }
  161.  
  162.         a {
  163.             color: #24d5a8;
  164.         }
  165.  
  166.  
  167.         a:visited {
  168.             color: #162c64;
  169.         }
  170.  
  171.        .reportable {
  172.            background-color: #154540;
  173.        }
  174.  
  175.        .text-content:last-child {
  176.            background-color: #154540;
  177.        }
  178.  
  179.        .script-list {
  180.            background-color: #154540;
  181.        }
  182.  
  183.        .list-option-group ul {
  184.            background-color: #44404e;
  185.        }
  186.  
  187.  
  188.        .list-option.list-current {
  189.            border-left: 7px solid #800;
  190.            box-shadow: 0 1px 0px 6px #0000001a;
  191.            background: linear-gradient(#1e5952, #7648a0);
  192.        }
  193.  
  194.        #add-additional-info {
  195.            background-color: #a48cb3;
  196.            padding: 10px 20px;
  197.            border: none;
  198.            border-radius: 5px;
  199.            cursor: pointer;
  200.            font-size: 16px;
  201.            transition: background-color 0.3s;
  202.        }
  203.  
  204.  
  205.           input[type="submit"][name="commit"] {
  206.           background-color: #a48cb3;
  207.           padding: 10px 20px;
  208.           border: none;
  209.           border-radius: 5px;
  210.           cursor: pointer;
  211.           font-size: 16px;
  212.           transition: background-color 0.3s;
  213.       }
  214.  
  215.           /* При наведении на кнопку */
  216.           input[type="submit"][name="commit"]:hover {
  217.               background-color: #45a049; /* Темнее при наведении */
  218.           }
  219.  
  220.          /* text Code editor Li */
  221.          li.L1, li.L3, li.L5, li.L7, li.L9 {
  222.              background: #234848;
  223.          }
  224.  
  225.     `);
  226.  
  227. })();
  228.  
  229.  
  230.