☰

DarkMode V2 for Greasyfork

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

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

  1. // ==UserScript==
  2. // @name         DarkMode V2 for Greasyfork
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.3.4
  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. p#deleted-note {
  40.     color: #671111 !important;
  41. }
  42.  
  43.  
  44.           /* кнопки переключения страницы 12345678910111213  */
  45.          .pagination>*, .script-list+.pagination>*, .user-list+.pagination>* {
  46.              background-color: #564062;
  47.              border-radius: 5px;
  48.          }
  49.          .pagination>a:hover, .pagination>a:focus {
  50.              background-color: #227648;
  51.          }
  52.  
  53.  
  54.         a.self-link, a.self-link:visited {
  55.             opacity: 1.2;
  56.             background-color: #53405f;
  57.             border: 2px solid #27857b;
  58.             border-radius: 5px;
  59.         }
  60.  
  61.  
  62.         /* лист групп */
  63.         .list-option-group a:hover, .list-option-group a:focus {
  64.             background: linear-gradient(#3c646b, #8b75a7);
  65.             text-decoration: none;
  66.             box-shadow: inset 0 -1px #ddd, inset 0 1px #eee;
  67.         }
  68.  
  69.  
  70.  
  71.         /* Стили для ссылок */
  72.         a {
  73.             color: #000000; /* Начальный цвет ссылки */
  74.             text-decoration: none; /* Убираем подчеркивание */
  75.             transition: all 0.3s ease; /* Плавный переход при изменении */
  76.         }
  77.  
  78.         /* Подсветка при наведении */
  79.         a:hover {
  80.                color: #8b5ea9;
  81.                background-color: #0e2921;
  82.                padding: 7px 10px;
  83.                border-radius: 5px;
  84.         }
  85.  
  86.         /* Дополнительные стили для боковой панели (например, если это кнопки) */
  87.         .sidebar a {
  88.             display: block;
  89.             padding: 10px;
  90.             color: #8b5ea9;
  91.             border-radius: 4px;
  92.             transition: background-color 0.3s ease, color 0.3s ease;
  93.         }
  94.  
  95.         .sidebar a:hover {
  96.             background-color: #8b5ea9; /* Темный фон при наведении */
  97.             color: #8b5ea9; /* не Белый цвет текста при наведении */
  98.         }
  99.  
  100.  
  101.  
  102.  
  103.        /* Стили для общего текста */
  104.         * {
  105.             color: #e2e2e2 !important;
  106.         }
  107.  
  108.                  body, select, input {
  109.                  background-color: #0e2921;
  110.                  border-radius: 7px;
  111.              }
  112.  
  113.  
  114.         /* слово require */
  115.         code {
  116.             background-color: #835818;
  117.         }
  118.  
  119.  
  120.  
  121.       /* фон страницы градиент */
  122.         body {
  123.              background: -webkit-linear-gradient(44deg, hsla(170, 52%, 38%, 1) 0%, hsla(285, 66%, 31%, 1) 56%, hsla(34, 100%, 38%, 1) 100%);
  124.              background-size: 100% 500%;  /* Растягиваем градиент по всей ширине и высоте элемента */
  125.         }
  126.  
  127.         #main-header {
  128.             background-color: #5d3e72;
  129.             background-image: linear-gradient(#412451, #009981);
  130.             box-shadow: 0 0 15px 2px #000000a1;
  131.             padding: .25em 0;
  132.         }
  133.  
  134.          .user-content {
  135.            background: linear-gradient(to right, #247a8c, #1f504f 1em);
  136.            border-left: 2px solid #43edca;
  137.        }
  138.  
  139.         #script-info {
  140.             border: 1px solid #BBBBBB;
  141.             border-radius: 5px;
  142.             clear: left;
  143.             background-color: #1f504f;
  144.             margin: 1em 0 0;
  145.             box-shadow: 0 0 5px #14816e;
  146.         }
  147.  
  148.         .user-content > p:first-child {
  149.           background: linear-gradient(268deg, hsla(181, 29%, 39%, 1) 0%, hsl(178.78deg 44.14% 21.76%) 100%);
  150.          }
  151.  
  152.         #additional-info .user-screenshots {
  153.              background: linear-gradient(259deg, hsla(181, 29%, 39%, 1) 0%, hsl(178.78deg 44.14% 21.76%) 100%);
  154.         }
  155.  
  156.         .form-control textarea:not([rows]), #ace-editor {
  157.             height: 20em;
  158.             background-color: #1a3a38;
  159.             color: #9fc8bf;
  160.         }
  161.  
  162.        .previewable textarea {
  163.            margin: 0;
  164.            background-color: #1a3a38;
  165.        }
  166.  
  167.        .ace_gutter-cell {
  168.            color: aquamarine;
  169.        }
  170.  
  171.        .ace_folding-enabled {
  172.            background-color: #557657;
  173.        }
  174.  
  175.         a {
  176.             color: #24d5a8;
  177.         }
  178.  
  179.  
  180.         a:visited {
  181.             color: #162c64;
  182.         }
  183.  
  184.        .reportable {
  185.            background-color: #154540;
  186.        }
  187.  
  188.        .text-content:last-child {
  189.            background-color: #154540;
  190.        }
  191.  
  192.        .script-list {
  193.            background-color: #154540;
  194.        }
  195.  
  196.        .list-option-group ul {
  197.            background-color: #44404e;
  198.        }
  199.  
  200.  
  201.        .list-option.list-current {
  202.            border-left: 7px solid #800;
  203.            box-shadow: 0 1px 0px 6px #0000001a;
  204.            background: linear-gradient(#1e5952, #7648a0);
  205.        }
  206.  
  207.        #add-additional-info {
  208.            background-color: #a48cb3;
  209.            padding: 10px 20px;
  210.            border: none;
  211.            border-radius: 5px;
  212.            cursor: pointer;
  213.            font-size: 16px;
  214.            transition: background-color 0.3s;
  215.        }
  216.  
  217.  
  218.           input[type="submit"][name="commit"] {
  219.           background-color: #a48cb3;
  220.           padding: 10px 20px;
  221.           border: none;
  222.           border-radius: 5px;
  223.           cursor: pointer;
  224.           font-size: 16px;
  225.           transition: background-color 0.3s;
  226.       }
  227.  
  228.           /* При наведении на кнопку */
  229.           input[type="submit"][name="commit"]:hover {
  230.               background-color: #45a049; /* Темнее при наведении */
  231.           }
  232.  
  233.          /* text Code editor Li */
  234.          li.L1, li.L3, li.L5, li.L7, li.L9 {
  235.              background: #234848;
  236.         }
  237.  
  238.       #version-note {
  239.           background-color: #ffc79980;
  240.           border: 2px dotted #3bd39e;
  241.       }
  242.  
  243.       nav nav {
  244.       position: absolute;
  245.       right: 0px;
  246.       background-color: #62556f;
  247.       min-width: 100%;
  248.       display: none;
  249.       z-index: 10;
  250.       padding: 5px 0px;
  251.       border-radius: 12px;
  252.       }
  253.  
  254.        .notice {
  255.            background-color: #148a88a9;
  256.            border-left: 6px solid #ad85d9;
  257.            padding: 0.5em;
  258.        }
  259.  
  260.         form.external-login-form {
  261.             position: relative;
  262.             display: table;
  263.             background-color: rgb(42, 77, 80);
  264.             text-align: center;
  265.             margin: 0px auto;
  266.             padding: 1em;
  267.             border-width: 1px;
  268.             border-style: solid;
  269.             border-color: rgb(63, 218, 179);
  270.             border-image: initial;
  271.             border-radius: 5px;
  272.         }
  273.  
  274.           form.new_user {
  275.               position: relative;
  276.               width: 340px;
  277.               background-color: #2a4d50;
  278.               text-align: start;
  279.               margin: 0px auto;
  280.               padding: 1em;
  281.               border-width: 1px;
  282.               border-style: solid;
  283.               border-color: rgb(42, 211, 160);
  284.               border-image: initial;
  285.               border-radius: 5px;
  286.           }
  287.  
  288.           form.new_user input[type="submit"] {
  289.               color: rgb(255, 255, 255);
  290.               background-color: rgb(55, 14, 88);
  291.               background-image: linear-gradient(rgb(25, 139, 120), rgb(55, 14, 88));
  292.           }
  293.  
  294.  
  295.           input#user_email {
  296.           background-color: #4f3a5f;
  297.           opacity: 0.8;
  298.       }
  299.       input#user_password {
  300.           background-color: #4f3a5f;
  301.           opacity: 0.8;
  302.       }
  303.  
  304.        button.external-login {
  305.            color: white;
  306.            font-size: 1.1em; /* Немного увеличил размер */
  307.            padding: 12px 20px;
  308.            border: none;
  309.            border-radius: 8px;
  310.            cursor: pointer;
  311.            transition: all 0.3s ease-in-out;
  312.            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  313.        }
  314.  
  315.        button.external-login:hover {
  316.            transform: scale(1.05); /* Небольшое увеличение при наведении */
  317.            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  318.        }
  319.  
  320.        button.external-login.google_oauth2-login {
  321.            background-color: #30558e;
  322.        }
  323.  
  324.        button.external-login.gitlab-login {
  325.            background-color: #af8548;
  326.        }
  327.  
  328.        button.external-login.github-login {
  329.            background-color: #292e5f;
  330.        }
  331.          .tabs .current {
  332.           box-shadow: #00000060 1px 0px inset, #00000077 -1px 0px inset, #00000052 0px -1px inset;
  333.           border-top: 7px solid #21a392;
  334.           border-radius: 4px 4px 0 0;
  335.       }
  336.  
  337.            input[type="file" i]::-webkit-file-upload-button {
  338.                appearance: none;
  339.                font-size: 1.1em;
  340.                font-weight: bold;
  341.                text-align: center;
  342.                cursor: pointer;
  343.                box-sizing: border-box;
  344.                background-color: #215e53;
  345.                color: white;
  346.                padding: 8px 14px;
  347.                border: 2px solid #2cb389;
  348.                border-radius: 6px;
  349.                transition: all 0.3sease-in-out;
  350.                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  351.            }
  352.            }
  353.  
  354.            input[type="file" i]::-webkit-file-upload-button:hover {
  355.                transform: scale(1.05); /* Увеличение при наведении */
  356.                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  357.                background-color: #357abd; /* Темнее при наведении */
  358.            }
  359.  
  360.            input[type="file" i]::-webkit-file-upload-button:active {
  361.                transform: scale(0.98); /* Небольшое уменьшение при клике */
  362.                box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  363.            }
  364.  
  365.  
  366.     `);
  367.  
  368. })();
  369.  
  370.  
  371.