☰

Midnight Cyan Greasyfork 1.31

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

目前為 2025-04-01 提交的版本，檢視 最新版本。

// ==UserScript==
// @name         Midnight Cyan Greasyfork 1.31
// @namespace    http://tampermonkey.net/
// @version      1.31
// @description  changes the color theme of the page to cool dark colors.
// @author       Gullampis810
// @license      MIT
// @match        https://gf.qytechs.cn/*
// @icon         https://banner2.cleanpng.com/20180702/xb/kisspng-circle-royalty-free-clip-art-5b39bbb7639994.770051931530510263408.jpg
// @grant        GM_addStyle
// ==/UserScript==




(function() {
    'use strict';

   GM_addStyle(`

    body {
       background: linear-gradient(44deg, #0d141d 88%, #3d2a45 56%, #764a0a 100%);
       background-size: 100% 500%;
    }

 #main-header {
            background-color: #2A3545;
    background-image: linear-gradient(1deg, #1e2a3c, #463048) !important;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.6) !important;
    padding: .25em 0 !important;
    }

    p#version-note {
    color: #639eb3 !important;
    background: #143b28 !important;
}

/*accent цвет фона при выделении в редакторе */

.ace-tm .ace_marker-layer .ace_selection {
    background: #29937c5c !important;
}

 /* Li 123456789 */

 li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: #1a2535 !important;
}
    /* значок js */
    .badge-js {
    background-color: #FFC107;  /* Жёлтый цвет (можно также использовать #FFFF00 для более яркого жёлтого) */
    color: #000000 !important;  /* Чёрный текст */
    mix-blend-mode: inherit;
}
.rating-icon.rating-icon-good {
    background-color: #2F4F4F !important;  /* Тёмно-зелёный цвет */
    color: #FFFFFF !important;  /* Белый текст для контраста, можно изменить при необходимости */
}

/* Обёртка для input */
.custom-file-upload {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    max-width: 300px !important; /* Можно настроить */
}

/* Скрываем стандартный input */
.custom-file-upload input[type="file"] {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 2 !important;
}

/* Стили для кастомной кнопки */
.custom-file-upload label {
    /* Основные размеры и расположение */
    display: block !important;
    width: 100% !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;

    /* Цвета и фон */
    background-color: #ffffff !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    color: #333333 !important;

    /* Типографика */
    font-family: 'Arial', sans-serif !important;
    font-size: 16px !important;
    text-align: center !important;

    /* Эффекты */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* При наведении */
.custom-file-upload label:hover {
    border-color: #007bff !important;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2) !important;
}

/* При фокусе на input */
.custom-file-upload input[type="file"]:focus + label {
    border-color: #007bff !important;
    background-color: #1e2723 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2) !important;
}

/* Когда файл выбран (опционально) */
.custom-file-upload input[type="file"]:valid + label {
    border-color: #28a745 !important;
}


/* Общий стиль для всех textarea */
textarea[name="script_version[changelog]"],
textarea[name="script_version[additional_info][0][attribute_value]"],
#script_version_changelog,
#script-version-additional-info-0 {
    /* Основные размеры и расположение */
    width: 100%;
    min-height: 120px;
    padding: 12px 16px;
    box-sizing: border-box;

    /* Цвета и фон */
    background-color: #1e2723;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    color: #333333;

    /* Типографика */
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    line-height: 1.5;

    /* Эффекты */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;

    /* Убираем стандартный стиль браузера */
    resize: vertical;
    outline: none;
}

/* При фокусе */
textarea[name="script_version[changelog]"]:focus,
textarea[name="script_version[additional_info][0][attribute_value]"]:focus,
#script_version_changelog:focus,
#script-version-additional-info-0:focus {
    border-color: #007bff;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
    background-color: #0a0f17; /* темно синий */
    color: #ffffff;
}

/* При заполнении (валидное поле) */
textarea[name="script_version[changelog]"]:valid,
textarea[name="script_version[additional_info][0][attribute_value]"]:valid,
#script_version_changelog:valid,
#script-version-additional-info-0:valid {
    border-color: #28a745;
}

/* При ошибке */
textarea[name="script_version[changelog]"]:invalid:focus,
textarea[name="script_version[additional_info][0][attribute_value]"]:invalid:focus,
#script_version_changelog:invalid:focus,
#script-version-additional-info-0:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 4px 10px rgba(220, 53, 69, 0.2);
}

/* Плейсхолдер */
textarea[name="script_version[changelog]"]::placeholder,
textarea[name="script_version[additional_info][0][attribute_value]"]::placeholder,
#script_version_changelog::placeholder,
#script-version-additional-info-0::placeholder {
    color: #888888;
    opacity: 0.8;
    font-style: italic;
}

/* Стили для формы */
.button_to {
    display: inline-block !important; /* Форма занимает только нужное место */
    margin: 0 !important; /* Убираем внешние отступы */
    padding: 0 !important; /* Убираем внутренние отступы */
}

/* Стили для кнопки внутри формы */
.button_to button[type="submit"] {
    /* Основные размеры и расположение */
    padding: 10px 20px !important;
    border-radius: 6px !important;
    border: 2px solid #e0e0e0 !important;

    /* Цвета и фон */
    background-color: #1e2723 !important; /* Тёмно-зелёно-серый фон, как в прошлых примерах */
    color: #ffffff !important; /* Белый текст для контраста */

    /* Типографика */
    font-family: 'Arial', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-align: center !important;

    /* Эффекты */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* При наведении */
.button_to button[type="submit"]:hover {
    background-color: #2f4f4f !important; /* Чуть светлее тёмно-зелёный для ховер-эффекта */
    border-color: #007bff !important; /* Синий акцент */
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3) !important;
}

/* При фокусе */
.button_to button[type="submit"]:focus {
    outline: none !important;
    border-color: #007bff !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3) !important; /* Фокусное кольцо */
}

/* При нажатии */
.button_to button[type="submit"]:active {
    transform: scale(0.98) !important; /* Лёгкое уменьшение */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

/* Скрытый input */
.button_to input[type="hidden"] {
    display: none !important; /* Убеждаемся, что он не виден */
}

.notice {
    /* Основные размеры и расположение */
    padding: 12px 16px !important;
    margin: 10px 0 !important;
    border-radius: 6px !important;

    /* Цвета и фон */
    background-color: #1e2723 !important; /* Тёмно-зелёно-серый фон, как в других элементах */
    color: #ffffff !important; /* Белый текст для контраста */
    border: 1px solid #2f4f4f !important; /* Чуть светлее тёмно-зелёный для границы */

    /* Типографика */
    font-family: 'Arial', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;

    /* Эффекты */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* При наведении (опционально) */
.notice:hover {
    background-color: #2f4f4f !important; /* Лёгкое осветление фона */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

  /*step 2*
    /* уведомление об ошибках */
    .validation-errors {
    background-color: #6d651e !important;
    border-left: 6px solid #FFEB3B !important;
}

    td {
        background: #1A2535 !important;
        border-radius: 20px !important;
        padding: 10px !important;
    }

    td.ban-text {
        color: #FF5555 !important;
        background-color: rgba(255, 85, 85, 0.2) !important;
    }

    button.lum-next-button.lum-gallery-button,
    button.lum-previous-button.lum-gallery-button {
        background: #2A3545 !important;
    }

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

    .text-content.log-table {
        background: #141D2B !important;
    }

    .discussion-list.discussion-list-logged-in {
        background: #1E2A3C !important;
        box-shadow: 4px 4px 7px 0px #0A0F1A !important;
    }

    .discussion-list-container.discussion-read {
        background: #253040;
    }

    .list-option-button {
        background: #2A3545 !important;
        color: #4AC2E5 !important;
        border-radius: 30px !important;
    }

    a.script-link {
            color: #4AC2E5 !important;
            box-shadow: 0px 0px 14px 1px #4AC2E5 !important;
            background: #2A3545 !important;
            padding: 1px !important;
            border-radius: 7px !important;
            display: flex !important;
            width: 375px !important;
            position: relative !important;
    }

    .comment-entry {
    /* Основные размеры и расположение */
    width: 100%;
    min-height: 120px;
    padding: 12px 16px;
    box-sizing: border-box;

    /* Цвета и фон */
    background-color: #1e2723; /* темнозеленый  фон   */
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    color: #333333;

    /* Типографика */
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    line-height: 1.5;

    /* Эффекты */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;

    /* Убираем стандартный стиль браузера */
    resize: vertical;
    outline: none;
}

/* При фокусе */
.comment-entry:focus {
    border-color: #007bff; /* Синий акцент при фокусе */
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
    background-color: #1e2723; /* Твой тёмно-зелёно-серый цвет */
    color: #ffffff; /* Белый текст для читаемости на тёмном фоне */
}

/* При заполнении (валидное поле) */
.comment-entry:valid {
    border-color: #28a745; /* Зелёный для валидного ввода */
}

/* При ошибке (если required не выполнен) */
.comment-entry:invalid:focus {
    border-color: #dc3545; /* Красный при ошибке */
    box-shadow: 0 4px 10px rgba(220, 53, 69, 0.2);
}

/* Плейсхолдер */
.comment-entry::placeholder {
    color: #888888;
    opacity: 0.8;
    font-style: italic;
}

    input[type="search"] {
        box-shadow: inset 0px 0px 14px 1px #0A0F1A;
        background: #2A3545;
        padding: 8px;
        border-radius: 30px;
        border: 2px solid #4AC2E5;
    }

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

    .pagination>*,
    .script-list+.pagination>*,
    .user-list+.pagination>* {
        background-color: #2A3545;
        border-radius: 5px;
    }

    .pagination>a:hover,
    .pagination>a:focus {
        background-color: #4AC2E5;
    }

    a.self-link,
    a.self-link:visited {
        opacity: 1.2;
        background-color: #2A3545;
        border: 2px solid #4AC2E5;
        border-radius: 5px;
    }

    a {
        color: #4AC2E5;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    a:hover {
        color: #FFFFFF;
        background-color: #141D2B;
        padding: 7px 10px;
        border-radius: 5px;
        box-shadow: -1px 9px 9px 0px rgba(0, 0, 0, 0.6);
    }

    .sidebar a {
        display: block;
        padding: 10px;
        color: #4AC2E5;
        border-radius: 4px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .sidebar a:hover {
        background-color: #4AC2E5;
        color: #1A2535;
    }

    * {
        color: #E0E5EC !important;
    }

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

    code {
        background-color: #2A3545;
    }

    .code-container {
        background: #0F1825;
    }

   
    nav {
        background-color: #374337 !important;
    }

    .user-content {
        background: linear-gradient(to right, #2A3545, #1A2535 1em);
        border-left: 2px solid #4AC2E5;
    }

    .user-content > p:first-child {
        background: linear-gradient(268deg, #2A3545 0%, #1A2535 100%);
    }

    #additional-info .user-screenshots {
        background: linear-gradient(259deg, #2A3545 0%, #1A2535 100%);
    }

    .list-option.list-current {
        border-left: 7px solid #4AC2E5;
        box-shadow: 0 1px 0px 6px rgba(0, 0, 0, 0.1);
        background: linear-gradient(#1A2535, #2A3545);
    }

    form.new_user input[type="submit"] {
        color: #FFFFFF;
        background-color: #2A3545;
        background-image: linear-gradient(#4AC2E5, #1A2535);
    }

    .list-option-group a:hover,
    .list-option-group a:focus {
        background: linear-gradient(#2A3545, #4AC2E5);
        text-decoration: none;
        box-shadow: inset 0 -1px #ddd, inset 0 1px #eee;
    }

    #script-info {
        border: 1px solid #4AC2E5;
        border-radius: 5px;
        background-color: #1A2535;
        margin: 1em 0 0;
        box-shadow: 0px 14px 14px 1px rgba(0, 0, 0, 0.6);
    }

    .form-control textarea:not([rows]),#ace-editor {
        height: 20em;
        background-color: #13161a;
        color: #4AC2E5;
    }

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

    .ace_gutter-cell {
        color: #4AC2E5;
    }

    .ace_folding-enabled {
        background-color: #2A3545;
    }

    a:visited {
        color: #87D8F0;
    }

    .reportable,
    .text-content:last-child,
    .script-list {
        background-color: #1E2A3C;
    }

    .list-option-group ul {
        background-color: #2A3545;
    }

    #add-additional-info,
    input[type="submit"][name="commit"] {
        background-color: #4AC2E5;
        color: #1e2a3c !important;
        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: #38A1C2;
    }
`);

// Scrollbar
GM_addStyle(`
    ::-webkit-scrollbar {
        width: 25px;
        background: linear-gradient(54deg, #1A2535 0%, #2A3545 56%, #13161a 100%) !important;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #4AC2E5;
        border-radius: 22px;
        border: 3px solid #1A2535;
        height: 80px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #87D8F0;
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: #38A1C2;
    }

    ::-webkit-scrollbar-track {
        background: #397083 !important;
        border-radius: 0px 0px 8px 0px;
    }
`);

})();

QingJ © 2025

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