changes the color theme of the page to cool dark colors.
目前為
// ==UserScript==
// @name DarkMode V2 for Greasyfork
// @namespace http://tampermonkey.net/
// @version 2.3
// @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;
}
/* кнопки переключения страницы 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: #876b9a; /* Цвет фона при наведении */
padding: 5px 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: #4d3264;
}
/* слово 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;
}
`);
})();