changes greasy fork bright theme to dark.
目前為
// ==UserScript==
// @name Greasy Fork Dark Theme
// @namespace -
// @version 0.1
// @description changes greasy fork bright theme to dark.
// @author NotYou
// @match https://greasyfork.org
// @match https://greasyfork.org/*
// @match http://greasyfork.org
// @match http://greasyfork.org/*
// @run-at document-body
// @icon https://greasyfork.org/packs/media/images/blacklogo96-b2384000fca45aa17e45eb417cbcbb59.png
// @grant GM_addStyle
// @license AGPLv3 (https://www.gnu.org/licenses/agpl-3.0.txt)
// ==/UserScript==
(function() {
let css = `
img {
border-radius: 4px;
}
#main-header {
background-color: rgb(221, 97, 23);
background-image: linear-gradient(rgb(240, 135, 0), rgb(170, 96, 0));
}
#main-header h1 {
color: #090909;
padding: 6px 4px;
}
#main-header, #main-header a, #main-header a:active, #main-header a:visited {
color: rgb(9, 9, 9);
}
#main-header, #main-header a, #main-header a:active, #main-header a {
color: rgb(9, 9, 9);
}
.tabs .current {
border-top: 7px solid rgb(153, 129, 0);
border-radius: 0px 0px 4px 4px;
}
#script-info {
border: 1px solid rgb(21, 21, 21);
background-color: rgb(19, 19, 19);
box-shadow: rgb(0, 0, 0) 0px 0px 5px;
}
.user-content {
background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(13, 13, 13), rgb(21, 21, 21) 1em) repeat scroll 0% 0%;
border-radius: 0px 10px 10px 0px;
border-left: 2px solid rgb(11, 11, 11);
}
.install-link {
border-radius: 5px 0px 0px 5px;
}
.install-help-link {
border-radius: 0px 5px 5px 0px;
}
nav nav {
box-shadow: rgb(0, 0, 0) 0px 0px 5px;
border: 1px solid rgb(202, 137, 14);
background-color: rgb(201, 113, 0);
border-radius: 4px;
}
#language-selector-locale {
background-color: rgb(19, 19, 19);
border: 1px solid rgb(21, 21, 21);
border-radius: 4px;
}
.home-search input[type="search"] {
background-color: #0f0f0f;
border-color: #1e1e1e;
border-radius: 4px;
color: #fff9;
}
.discussion-list, .script-list, .text-content, .user-list {
box-shadow: rgb(0, 0, 0) 0px 0px 5px;
background-color: rgb(15, 15, 15);
border: 1px solid rgb(19, 19, 19);
}
.list-option-group ul {
box-shadow: rgb(36, 36, 36) 0px 0px 5px;
border: 1px solid rgb(17, 17, 17);
border-radius: 5px;
background-color: rgb(19, 19, 19);
}
.list-option-group .list-current {
background: rgba(0, 0, 0, 0) linear-gradient(rgb(28, 28, 28), rgb(17, 17, 17)) repeat scroll 0% 0%;
border-left: 7px solid rgb(183, 180, 0);
}
:not(:lang(he)):not(:lang(ar)):not(:lang(ug)), body:lang(ar) #main-header, body:lang(he) #main-header, body:lang(ug) #main-header {
color: rgb(200, 200, 200);
}
.good-rating-count {
background-color: rgba(26, 204, 26, 0.1);
border-color: rgba(20, 225, 20, 0.3);
box-shadow: rgba(41, 221, 15, 0.11) 0px 0px 5px;background-color: rgba(26, 204, 26, 0.1);
}
.ok-rating-count {
background-color: rgba(225, 225, 0, 0.1);
border-color: rgba(234, 234, 0, 0.3);
box-shadow: rgba(221, 179, 15, 0.11) 0px 0px 5px;
}
.bad-rating-count {
background-color: rgba(255, 0, 0, 0.1);
border-color: rgba(234, 0, 0, 0.3);
box-shadow: rgba(221, 15, 15, 0.11) 0px 0px 5px;
}
.badge.badge-js {
background-color: rgba(251, 212, 0, 0.66);
border-color: rgb(255, 191, 0);
box-shadow: rgba(221, 179, 15, 0.29) 0px 0px 5px;
}
.badge.badge-css {
background-color: rgba(0, 157, 251, 0.66);
border-color: rgb(0, 100, 255);
box-shadow: rgba(15, 153, 221, 0.29) 0px 0px 5px;
}
#home-top-sites a {
color: #bdb322;
}
#add-additional-info {
color: #000;
}
#script-version-additional-info-0 {
background-color: rgb(19, 19, 19);
border: 1px solid rgb(11, 11, 11);
border-radius: 5px;
}
#script_version_code {
background-color: rgb(19, 19, 19);
border-radius: 5px;
border: 1px solid rgb(22, 22, 22);
}
select {
background-color: rgb(19, 19, 19);
border-radius: 4px;
border: 1px solid rgb(23, 23, 23);
}
code, pre {
border: 1px solid rgb(32, 32, 32);
}
code {
background-color: rgb(26, 26, 26);
}
input {
background-color: rgb(19, 19 , 19);
border: 1px solid rgb(22, 22, 22);
border-radius: 4px;
}
dark {
color: #000;
}
body {
background-color: rgb(19, 19, 19);
}
`;
if (typeof GM_addStyle !== "undefined") {
GM_addStyle(css);
} else {
let styleNode = document.createElement("style");
styleNode.appendChild(document.createTextNode(css));
(document.querySelector("head") || document.documentElement).appendChild(styleNode);
}
})();
// Other styles
var element = document.getElementsByClassName("badge badge-js");
element.classList.add("dark");