theme dark for greasefork
// ==UserScript==
// @name Dark greasyfork
// @namespace https://greasyfork.org/users/821661
// @match https://greasyfork.org/*
// @match https://sleazyfork.org/*
// @grant none
// @version 1.1.4
// @author hdyzen
// @description theme dark for greasefork
// @license MIT
// @run-at document-start
// ==/UserScript==
'use strict';
function addCSS(text) {
document.documentElement.insertAdjacentHTML('beforeend', `<style rel='stylesheet'>${text}</style>`);
}
// Style
addCSS(`
:root {
--dark-1: rgb(29, 32, 37) !important;
--dark-2: rgb(40, 44, 52) !important;
--dark-3: rgb(37, 41, 49) !important;
--dark-4: rgb(33, 36, 43) !important;
--blue-1: rgb(82, 139, 255) !important;
--blue-2: rgb(97, 175, 239) !important;
--blue-pool: rgb(86, 182, 194) !important;
--lavender: rgb(198, 120, 221) !important;
--green: rgb(152, 195, 121) !important;
--pink: rgb(224, 108, 117) !important;
--light-brown: rgb(209, 154, 102) !important;
--red: rgb(190, 80, 70) !important;
--yellow: rgb(235, 215, 17) !important;
--light-yellow: rgb(229, 192, 123) !important;
--blue-ice: rgb(171, 178, 191) !important;
--light-gray: rgb(204, 204, 204) !important;
--light-green: rgba(130, 255, 130, 0.6) !important;
--light-red: rgba(255, 130, 130, 0.6) !important;
--translucent: rgba(255, 255, 255, 0.3) !important;
--black: rgba(0, 0, 0, 1) !important;
--default-border-radius: 5px;
}
body {
background-color: var(--dark-3) !important;
color: var(--light-gray) !important;
}
#main-header,
#main-header a,
#main-header a:visited,
#main-header a:active {
color: var(--light-gray) !important;
}
nav nav {
background-color: var(--dark-3) !important;
border: 1px solid var(--dark-2) !important;
box-shadow: 0 0 5px var(--dark-2) !important;
}
a:not(.install-link, .install-help-link) {
color: var(--pink) !important;
}
#main-header {
background-image: none !important;
background-color: var(--dark-1) !important;
}
.script-list,
.user-list,
.text-content,
.discussion-list,
.list-option-group ul,
#script-info,
.discussion-read,
#discussion-locale {
background-image: unset !important;
background-color: var(--dark-1) !important;
box-shadow: 0 0 5px var(--dark-2) !important;
border: 1px solid var(--dark-2) !important;
border-radius: var(--default-border-radius) !important;
}
.block-button {
background-color: var(--dark-2) !important;
border: 1px solid var(--dark-3) !important;
color: var(--light-gray) !important;
}
.user-content,
#script_version_code {
background-image: unset !important;
background-color: var(--dark-1) !important;
border: 1px solid var(--dark-2) !important;
}
#script_version_code {
color: var(--light-gray) !important;
}
.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'],
#favorite-groups {
background-color: var(--dark-4) !important;
border: 1px solid var(--dark-2) !important;
color: var(--blue-ice) !important;
border-radius: var(--default-border-radius) !important;
}
.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 !important;
background-color: var(--dark-2) !important;
}
.sidebar-search input[type='search']:focus-visible,
.home-search input[type='search']:focus-visible {
background-color: var(--dark-3) !important;
border: 1px solid var(--blue-pool) !important;
outline: none !important;
}
input[type='submit'] {
background-color: var(--dark-3) !important;
color: var(--light-gray) !important;
border: 1px solid var(--dark-2) !important;
}
input[type='submit']:hover {
background-color: var(--dark-2) !important;
}
.sidebar-search input[type='search'] {
font-size: 14px !important;
}
.list-option-group ul {
background-color: var(--dark-1) !important;
}
.list-option-group .list-current,
.tabs .current {
border-color: var(--red) !important;
background-image: unset !important;
background-color: var(--dark-2) !important;
}
.list-option-group a:hover,
.list-option-group a:focus {
background-image: unset !important;
background-color: var(--dark-2) !important;
box-shadow: unset !important;
}
input[type='checkbox'] {
accent-color: var(--blue-1) !important;
}
input[type='radio'] {
accent-color: var(--blue-1) !important;
}
.script-list li:not(.ad-entry) {
border: 1px solid var(--dark-3);
}
.pagination > *,
.script-list + .pagination > *,
.user-list + .pagination > * {
background-color: var(--dark-2) !important;
}
.pagination .current,
.pagination .gap {
background-color: transparent !important;
}
a.next_page,
.pagination a:not(.current) {
color: var(--red) !important;
}
.previewable textarea,
#discussion_comments_attributes_0_text {
background-color: var(--dark-2) !important;
border: 1px solid var(--dark-3) !important;
color: var(--light-gray) !important;
}
#discussion_comments_attributes_0_text:focus-visible {
outline: none !important;
border: 1px solid var(--dark-3) !important;
}
.rating-icon {
background-color: var(--dark-3) !important;
}
.rating-icon-bad,
.bad-rating-count {
color: var(--red) !important;
border-color: currentColor !important;
}
.rating-icon-ok,
.ok-rating-count {
color: var(--yellow) !important;
border-color: currentColor !important;
}
.rating-icon-good,
.good-rating-count {
color: var(--green) !important;
border-color: currentColor !important;
}
pre,
code {
border: 1px solid var(--dark-2) !important;
}
code {
background-color: var(--dark-1) !important;
}
li.L1,
li.L3,
li.L5,
li.L7,
li.L9,
.diff li.unchanged:nth-child(odd) {
background-color: var(--dark-3) !important;
}
.diff ul {
background-color: var(--dark-1) !important;
}
.diff li.del {
background: rgba(255, 119, 119, 0.6) !important;
color: rgb(30, 0, 0) !important;
}
.diff li.ins {
background: rgba(221, 255, 221, 0.6) !important;
color: rgb(0, 30, 5) !important;
}
.diff li:hover {
background: unset;
}
.com {
color: var(--lavender) !important;
}
.clo,
.opn,
.pun {
color: var(--yellow) !important;
}
.kwd {
color: var(--blue-2) !important;
}
.str {
color: var(--green) !important;
}
.pln {
color: var(--light-yellow) !important;
}
.lit {
color: var(--pink) !important;
}
.typ {
color: var(--blue-pool) !important;
}
::-webkit-scrollbar {
width: 8px !important;
height: 8px !important;
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.2) !important;
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2) !important;
border-radius: 4px !important;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.2) !important;
}
::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.2) !important;
}
::-webkit-scrollbar-button {
display: none !important;
}
.validation-errors {
border-color: var(--light-yellow) !important;
background-color: var(--dark-3) !important;
}
`);