changes the color theme of the page to cool dark colors.
目前为
// ==UserScript==
// @name DarkMode V2 for Greasyfork
// @namespace http://tampermonkey.net/
// @version 2.3.4
// @description changes the color theme of the page to cool dark colors.
// @author Gullampis810
// @license MIT
// @match https://greasyfork.org/*
// @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
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
// Добавляем кастомный стиль на страницу
GM_addStyle(`
/* значок js */
.badge-js {
background-color: #deb53b;
color: #000000 !important;
mix-blend-mode: inherit; /* Улучшение контраста */
}
/* уведомление об ошибках */
.validation-errors {
background-color: #af6a186b;
border: none;
border-left: 6px solid #FF9800;
}
p#deleted-note {
color: #671111 !important;
}
/* кнопки переключения страницы 12345678910111213 */
.pagination>*, .script-list+.pagination>*, .user-list+.pagination>* {
background-color: #564062;
border-radius: 5px;
}
.pagination>a:hover, .pagination>a:focus {
background-color: #227648;
}
a.self-link, a.self-link:visited {
opacity: 1.2;
background-color: #53405f;
border: 2px solid #27857b;
border-radius: 5px;
}
/* лист групп */
.list-option-group a:hover, .list-option-group a:focus {
background: linear-gradient(#3c646b, #8b75a7);
text-decoration: none;
box-shadow: inset 0 -1px #ddd, inset 0 1px #eee;
}
/* Стили для ссылок */
a {
color: #000000; /* Начальный цвет ссылки */
text-decoration: none; /* Убираем подчеркивание */
transition: all 0.3s ease; /* Плавный переход при изменении */
}
/* Подсветка при наведении */
a:hover {
color: #8b5ea9;
background-color: #0e2921;
padding: 7px 10px;
border-radius: 5px;
}
/* Дополнительные стили для боковой панели (например, если это кнопки) */
.sidebar a {
display: block;
padding: 10px;
color: #8b5ea9;
border-radius: 4px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.sidebar a:hover {
background-color: #8b5ea9; /* Темный фон при наведении */
color: #8b5ea9; /* не Белый цвет текста при наведении */
}
/* Стили для общего текста */
* {
color: #e2e2e2 !important;
}
body, select, input {
background-color: #0e2921;
border-radius: 7px;
}
/* слово require */
code {
background-color: #835818;
}
/* фон страницы градиент */
body {
background: -webkit-linear-gradient(44deg, hsla(170, 52%, 38%, 1) 0%, hsla(285, 66%, 31%, 1) 56%, hsla(34, 100%, 38%, 1) 100%);
background-size: 100% 500%; /* Растягиваем градиент по всей ширине и высоте элемента */
}
#main-header {
background-color: #5d3e72;
background-image: linear-gradient(#412451, #009981);
box-shadow: 0 0 15px 2px #000000a1;
padding: .25em 0;
}
.user-content {
background: linear-gradient(to right, #247a8c, #1f504f 1em);
border-left: 2px solid #43edca;
}
#script-info {
border: 1px solid #BBBBBB;
border-radius: 5px;
clear: left;
background-color: #1f504f;
margin: 1em 0 0;
box-shadow: 0 0 5px #14816e;
}
.user-content > p:first-child {
background: linear-gradient(268deg, hsla(181, 29%, 39%, 1) 0%, hsl(178.78deg 44.14% 21.76%) 100%);
}
#additional-info .user-screenshots {
background: linear-gradient(259deg, hsla(181, 29%, 39%, 1) 0%, hsl(178.78deg 44.14% 21.76%) 100%);
}
.form-control textarea:not([rows]), #ace-editor {
height: 20em;
background-color: #1a3a38;
color: #9fc8bf;
}
.previewable textarea {
margin: 0;
background-color: #1a3a38;
}
.ace_gutter-cell {
color: aquamarine;
}
.ace_folding-enabled {
background-color: #557657;
}
a {
color: #24d5a8;
}
a:visited {
color: #162c64;
}
.reportable {
background-color: #154540;
}
.text-content:last-child {
background-color: #154540;
}
.script-list {
background-color: #154540;
}
.list-option-group ul {
background-color: #44404e;
}
.list-option.list-current {
border-left: 7px solid #800;
box-shadow: 0 1px 0px 6px #0000001a;
background: linear-gradient(#1e5952, #7648a0);
}
#add-additional-info {
background-color: #a48cb3;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
}
input[type="submit"][name="commit"] {
background-color: #a48cb3;
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: #45a049; /* Темнее при наведении */
}
/* text Code editor Li */
li.L1, li.L3, li.L5, li.L7, li.L9 {
background: #234848;
}
#version-note {
background-color: #ffc79980;
border: 2px dotted #3bd39e;
}
nav nav {
position: absolute;
right: 0px;
background-color: #62556f;
min-width: 100%;
display: none;
z-index: 10;
padding: 5px 0px;
border-radius: 12px;
}
.notice {
background-color: #148a88a9;
border-left: 6px solid #ad85d9;
padding: 0.5em;
}
form.external-login-form {
position: relative;
display: table;
background-color: rgb(42, 77, 80);
text-align: center;
margin: 0px auto;
padding: 1em;
border-width: 1px;
border-style: solid;
border-color: rgb(63, 218, 179);
border-image: initial;
border-radius: 5px;
}
form.new_user {
position: relative;
width: 340px;
background-color: #2a4d50;
text-align: start;
margin: 0px auto;
padding: 1em;
border-width: 1px;
border-style: solid;
border-color: rgb(42, 211, 160);
border-image: initial;
border-radius: 5px;
}
form.new_user input[type="submit"] {
color: rgb(255, 255, 255);
background-color: rgb(55, 14, 88);
background-image: linear-gradient(rgb(25, 139, 120), rgb(55, 14, 88));
}
input#user_email {
background-color: #4f3a5f;
opacity: 0.8;
}
input#user_password {
background-color: #4f3a5f;
opacity: 0.8;
}
button.external-login {
color: white;
font-size: 1.1em; /* Немного увеличил размер */
padding: 12px 20px;
border: none;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease-in-out;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
button.external-login:hover {
transform: scale(1.05); /* Небольшое увеличение при наведении */
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
button.external-login.google_oauth2-login {
background-color: #30558e;
}
button.external-login.gitlab-login {
background-color: #af8548;
}
button.external-login.github-login {
background-color: #292e5f;
}
.tabs .current {
box-shadow: #00000060 1px 0px inset, #00000077 -1px 0px inset, #00000052 0px -1px inset;
border-top: 7px solid #21a392;
border-radius: 4px 4px 0 0;
}
input[type="file" i]::-webkit-file-upload-button {
appearance: none;
font-size: 1.1em;
font-weight: bold;
text-align: center;
cursor: pointer;
box-sizing: border-box;
background-color: #215e53;
color: white;
padding: 8px 14px;
border: 2px solid #2cb389;
border-radius: 6px;
transition: all 0.3sease-in-out;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
}
input[type="file" i]::-webkit-file-upload-button:hover {
transform: scale(1.05); /* Увеличение при наведении */
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
background-color: #357abd; /* Темнее при наведении */
}
input[type="file" i]::-webkit-file-upload-button:active {
transform: scale(0.98); /* Небольшое уменьшение при клике */
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
`);
})();