changes the color theme of the page to cool dark colors.
目前為
// ==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://greasyfork.org/*
// @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;
}
/* значок 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;
display: inline-block;
width: 100%;
max-width: 300px; /* Можно настроить */
}
/* Скрываем стандартный input */
.custom-file-upload input[type="file"] {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
z-index: 2;
}
/* Стили для кастомной кнопки */
.custom-file-upload label {
/* Основные размеры и расположение */
display: block;
width: 100%;
padding: 12px 16px;
box-sizing: border-box;
/* Цвета и фон */
background-color: #ffffff;
border: 2px solid #e0e0e0;
border-radius: 8px;
color: #333333;
/* Типографика */
font-family: 'Arial', sans-serif;
font-size: 16px;
text-align: center;
/* Эффекты */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
cursor: pointer;
}
/* При наведении */
.custom-file-upload label:hover {
border-color: #007bff;
box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
}
/* При фокусе на input */
.custom-file-upload input[type="file"]:focus + label {
border-color: #007bff;
background-color: #1e2723;
color: #ffffff;
box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
}
/* Когда файл выбран (опционально) */
.custom-file-upload input[type="file"]:valid + label {
border-color: #28a745;
}
/* Общий стиль для всех 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;
}
/* уведомление об ошибках */
.validation-errors {
background-color: rgba(74, 194, 229, 0.2);
border: none;
border-left: 6px solid #4AC2E5;
}
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;
}
`);
})();