Dark greasyfork

theme dark blued for greasefork
目前为 2024-04-26 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name            Dark greasyfork
// @namespace       https://greasyfork.org/users/821661
// @match           https://greasyfork.org/*
// @match           https://sleazyfork.org/*
// @grant           GM_addStyle
// @version         1.1.1
// @author          hdyzen
// @description     theme dark blued for greasefork
// @license         MIT
// ==/UserScript==
'use strict';

const i = '!important';

// Style
GM_addStyle(`
:root {
    --dark-1: rgb(29, 32, 37) ${i};
    --dark-2: rgb(40, 44, 52) ${i};
    --dark-3: rgb(37, 41, 49) ${i};
    --dark-4: rgb(33, 36, 43) ${i};
    --blue-1: rgb(82, 139, 255) ${i};
    --blue-2: rgb(97, 175, 239) ${i};
    --blue-pool: rgb(86, 182, 194) ${i};
    --lavender: rgb(198, 120, 221) ${i};
    --green: rgb(152, 195, 121) ${i};
    --pink: rgb(224, 108, 117) ${i};
    --light-brown: rgb(209, 154, 102) ${i};
    --red: rgb(190, 80, 70) ${i};
    --yellow: rgb(235, 215, 17) ${i};
    --light-yellow: rgb(229, 192, 123) ${i};
    --blue-ice: rgb(171, 178, 191) ${i};
    --light-gray: rgb(204, 204, 204) ${i};
}
body {
    background-color: var(--dark-3) ${i};
    color: var(--light-gray) ${i};
}
#main-header,
#main-header a,
#main-header a:visited,
#main-header a:active {
    color: var(--light-gray) ${i};
}
nav nav {
    background-color: var(--dark-3) ${i};
    border: 1px solid var(--dark-2) ${i};
    box-shadow: 0 0 5px var(--dark-2) ${i};
}
a:not(.install-link, .install-help-link) {
    color: var(--pink) ${i};
}
#main-header {
    background-image: none ${i};
    background-color: var(--dark-1) ${i};
}
.script-list,
.user-list,
.text-content,
.discussion-list,
.list-option-group ul,
#script-info,
.discussion-read,
#discussion-locale {
    background-image: unset ${i};
    background-color: var(--dark-1) ${i};
    box-shadow: 0 0 5px var(--dark-2) ${i};
    border: 1px solid var(--dark-2) ${i};
}
.block-button {
    background-color: var(--dark-2) ${i};
    border: 1px solid var(--dark-3) ${i};
    color: var(--light-gray) ${i};
}
.user-content,
#script_version_code {
    background-image: unset ${i};
    background-color: var(--dark-1) ${i};
    border: 1px solid var(--dark-2) ${i};
}
#script_version_code {
    color: var(--light-gray) ${i};
}
.sidebar-search input[type="search"],
.home-search input[type="search"],
.list-option-button,
input[type="search"],
#language-selector-locale,
form.new_user input[type="text"],
form.new_user input[type="email"],
form.new_user input[type="password"] {
    background-color: var(--dark-4) ${i};
    border: 1px solid var(--dark-2) ${i};
    color: var(--blue-ice) ${i};
}
.notice {
    background-color: var(--dark-1);
    border-left: 6px solid var(--blue-pool);
}
form.external-login-form,
form.new_user {
    background-color: var(--dark-3);
    border: 1px solid var(--dark-2);
}
form.new_user input[type="submit"] {
    background-color: var(--blue-pool);
    color: #fff;
    background-image: unset;
}
.list-option-button:hover,
.list-option-button:focus {
    background-image: unset ${i};
    background-color: var(--dark-2) ${i};
}
.sidebar-search input[type="search"]:focus-visible,
.home-search input[type="search"]:focus-visible {
    background-color: var(--dark-3) ${i};
    border: 1px solid var(--blue-pool) ${i};
    outline: none ${i};
}
input[type="submit"] {
    background-color: var(--dark-3) ${i};
    color: var(--light-gray) ${i};
    border: 1px solid var(--dark-2) ${i};
}
input[type="submit"]:hover {
    background-color: var(--dark-2) ${i};
}
.sidebar-search input[type="search"] {
    font-size: 14px ${i};
}
.list-option-group ul {
    background-color: var(--dark-1) ${i};
}
.list-option-group .list-current,
.tabs .current {
    border-color: var(--red) ${i};
    background-image: unset ${i};
    background-color: var(--dark-2) ${i};
}
.list-option-group a:hover,
.list-option-group a:focus {
    background-image: unset ${i};
    background-color: var(--dark-2) ${i};
    box-shadow: unset ${i};
}
input[type="checkbox"] {
    accent-color: var(--blue-1) ${i};
}
input[type="radio"] {
    accent-color: var(--blue-1) ${i};
}
.script-list li:not(.ad-entry) {
    border: 1px solid var(--dark-3)
}
.pagination > *,
.script-list + .pagination > *,
.user-list + .pagination > * {
    background-color: var(--dark-2) ${i};
}
.pagination .current,
.pagination .gap {
    background-color: transparent ${i};
}
a.next_page,
.pagination a:not(.current) {
    color: var(--red) ${i};
}
.previewable textarea,
#discussion_comments_attributes_0_text {
    background-color: var(--dark-2) ${i};
    border: 1px solid var(--dark-3) ${i};
    color: var(--light-gray) ${i};
}
#discussion_comments_attributes_0_text:focus-visible {
    outline: none ${i};
    border: 1px solid var(--dark-3) ${i};
}
.rating-icon {
    background-color: var(--dark-3) ${i};
}
.rating-icon-bad,
.bad-rating-count {
    color: var(--red) ${i};
    border-color: currentColor ${i};
}
.rating-icon-ok,
.ok-rating-count {
    color: var(--yellow) ${i};
    border-color: currentColor ${i};
}
.rating-icon-good,
.good-rating-count {
    color: var(--green) ${i};
    border-color: currentColor ${i};
}
pre,
code {
    border: 1px solid var(--dark-2) ${i};
}
code {
    background-color: var(--dark-1) ${i};
}
li.L1,
li.L3,
li.L5,
li.L7,
li.L9,
.diff li.unchanged:nth-child(odd) {
    background-color: var(--dark-3) ${i};
}
.diff ul {
    background-color: var(--dark-1) ${i};
}
.diff li.del {
    background: rgba(255, 119, 119, .6) ${i};
    color: rgb(30, 0, 0) ${i};
}
.diff li.ins {
    background: rgba(221, 255, 221, 0.6) ${i};
    color: rgb(0, 30, 5) ${i};
}
.diff li:hover {
    background: unset;
}
.com {
    color: var(--lavender) ${i};
}
.clo,
.opn,
.pun {
    color: var(--yellow) ${i};
}
.kwd {
    color: var(--blue-2) ${i};
}
.str {
    color: var(--green) ${i};
}
.pln {
    color: var(--light-yellow) ${i};
}
.lit {
    color: var(--pink) ${i};
}
.typ {
    color: var(--blue-pool) ${i};
}
`);