Greasy Fork Dark Theme

changes greasy fork bright theme to dark.

当前为 2021-12-12 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Greasy Fork Dark Theme
// @namespace    -
// @version      0.3
// @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==

/*

﹀ Change Log ﹀

0.3 Version:
- Fixed textarea(1,2) | https://greasyfork.org/en/scripts/_/versions/new
- Better color | https://greasyfork.org/en/scripts/_
- Fixed list hover | https://greasyfork.org/en/scripts
- Better links | https://greasyfork.org/en
- Fixed page number | https://greasyfork.org/en/scripts
- Added background to description | https://greasyfork.org/en/scripts
- Better color main name | https://greasyfork.org

0.2 Version:
- Fixed textarea(1) | https://greasyfork.org/en/users/edit
- Fixed textarea(2) | https://greasyfork.org/en/scripts/_/versions/new
- Fixed notices | https://greasyfork.org/en/users/_-_
- Fixed sign-in | https://greasyfork.org/en/users/sign_in
- Fixed code container | https://greasyfork.org/en/scripts/_/code

*/

(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(5, 5, 5);
}

#main-header, #main-header a, #main-header a:active, #main-header a {
 color: rgb(5, 5, 5);
}

.tabs .current {
 border-top: 7px solid rgb(134, 113, 0) !important;
 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;
}

.code-container {
 border: 1px solid rgb(21, 21, 21);
 background-color: rgb(19, 19, 19);
 box-shadow: rgb(0, 0, 0) 0px 0px 5px;
 border-radius: 4px;
}

#ace-editor {
 border: 1px solid rgb(22, 22, 22);
 background-color: rgb(19, 19, 19);
 border-radius: 4px;
}

.ace_gutter-cell {
 background-color: rgb(11, 11, 11);
}

.ace-tm .ace_gutter-active-line {
 background-color: rgb(21, 21, 21);
}

.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);
}

#user_profile {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(22, 22, 22);
 border-radius: 4px;
}

#user_profile:focus {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(198, 152, 16);
 border-radius: 4px;
}

.inline-form.external-login-form {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(22, 22, 22);
}

.external-login-container .google_oauth2-login {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(25, 25, 25);
}

.external-login-container .gitlab-login {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(25, 25, 25);
}

.external-login.github-login {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(25, 25, 25);
}

form.new_user {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(25, 25, 25);
}

form.new_user input[type="submit"] {
 background-color: rgb(103, 87, 0);
 background-image: linear-gradient(rgb(153, 151, 0), rgb(103, 87, 0));
}

#user_email {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(25, 25, 25);
}

#user_password {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(25, 25, 25);
}

.notice {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(22, 22, 22);
 border-left-color: rgb(22, 22, 22);
 border-left-style: solid;
 border-left-width: 1px;
 border-left: 5px solid #31708f;
}

.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 a:focus, .list-option-group a:hover {
 background: rgba(0, 0, 0, 0) linear-gradient(rgb(38, 38, 38), rgb(13, 13, 13)) repeat scroll 0% 0%;
 box-shadow: rgb(26, 26, 26) 0px -1px inset, rgb(19, 19, 19) 0px 1px inset;
}

.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);
}

.script-description.description {
 background-color: rgb(13, 13, 13);
 padding: 5px;
 border: 1px solid rgb(21, 21, 21);
 border-radius: 4px;
}

.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;
 text-decoration: none;
}

#home-top-sites a:hover {
 color: #bdb322;
 text-decoration: underline;
}

#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);
}

#script_version_changelog {
    background-color: rgb(19, 19, 19);
    border-radius: 5px;
    border: 1px solid rgb(22, 22, 22);
}

.pagination > *, .script-list + .pagination > *, .user-list + .pagination > * {
 background-color: rgb(19, 19, 19);
 box-shadow: rgba(0, 0, 0, 0.52) 0px 0px 5px;
}

.pagination > a:focus, .pagination > a:hover {
 background-color: rgb(28, 28, 28);
}

.pagination .current, .pagination {
 background-color: rgb(28, 28, 28);
}

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;
}

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);
}
})();