Greasy Fork Dark Theme

changes greasy/sleazy fork bright theme to dark.

目前為 2021-12-17 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

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

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         Greasy Fork Dark Theme
// @namespace    -
// @version      0.8
// @description  changes greasy/sleazy fork bright theme to dark.
// @author       NotYou
// @match        https://greasyfork.org
// @match        https://greasyfork.org/*
// @match        http://greasyfork.org
// @match        http://greasyfork.org/*
// @match        https://sleazyfork.org
// @match        https://sleazyfork.org/*
// @match        http://sleazyfork.org
// @match        http://sleazyfork.org/*
// @compatible   Chrome 10.0 / Minimal: 1.0
// @compatible   Edge 9.0 / Minimal: 4.0
// @compatible   Firefox 4.0 / Minimal: 1.0
// @compatible   Safari 5.1 / Minimal: 1.0
// @compatible   Opera 10.5 / Minimal 3.5
// @run-at       document-idle
// @icon         https://greasyfork.org/packs/media/images/blacklogo96-b2384000fca45aa17e45eb417cbcbb59.png
// @grant        GM_addStyle
// @license      GPLv3 (https://www.gnu.org/licenses/gpl-3.0.txt)
// @antifeature  At low computers page loading can be a little bit longer.
// ==/UserScript==

/*

﹀ Change Log ﹀

0.8 Version:
- Brighter bloom for rating | https://greasyfork.org/en/scripts
- Better color for Author badge | https://greasyforrk.org/en/users
- Better Label text | https://greasyfork.org/en/users/sign_in
- Better text color for fields | https://greasyfork.org/en/users/sign_in
- Added bloom for fields | https://greasyfork.org/en/users/sign_in
- Fixed double background problem | https://greasyfork.org/en/scripts/_-_/code
- Better install button | https://greasyfork.org/en/scripts/_-_
- Better report button | https://greasyfork.org/en/users/_-_

0.7 Version:
- Fixed textarea(1) | https://greasyfork.org/en/scripts/_-_/discussions/_
- Fixed textarea(2) | https://greasyfork.org/en/users/_-_/conversations/_
- Fixed bottom border at scripts | https://greasyfork.org/en/scripts
- Better cursor at page select | https://greasyfork.org/en/scripts
- Added bloom at badges | https://greasyfork.org/en/users
- Added bloom for script type | https://greasyfork.org/en/scripts/libraries
- Added custom color for read forums | https://greasyfork.org/en/discussions

0.6 Version:
- Better selection color | https://greasyfork.org/en
- Fixed linenums (a5653620 thanks for noticing me) | https://greasyfork.org/ru/scripts/_-_/code
- Fixed border at code area | https://greasyfork.org/en/scripts/_-_/code

0.5 Version:
- SleazyFork Support |  https://sleazyfork.org
- Removes list style from li | https://greasyfork.org/en/users/_-_
- Better th text align in moderator log | https://greasyfork.org/en/moderator_actions
- Fixed textarea(1) in comment reply | https://greasyfork.org/en/scripts/_-_/code
- Better textarea(2) in feedback(preview) | https://greasyfork.org/en/scripts/_-_/feedback
- New selection color | https://greasyfork.org/en
- New error text | https://greasyfork.org/en/scripts/_-_/versions

0.4 Version:
- Fixed colors in forumm | https://greasyfork.org/en/discussions
- Fixed textarea(1) in forum | https://greasyfork.org/en/discussions/new
- Fixed textarea(2) in report | https://greasyfork.org/en/reports/new
- Better colors in moderator log | https://greasyfork.org/en/moderator_actions
- Better shadow for option list | https://greasyfork.org/en/scripts/
- Fixed textarea(3) | https://greasyfork.org/en/users/_-_/sets/new?fav=_
- Better hover for curret category | https://greasyfork.org/en/scripts/_

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

》 Mixable Scripts 《
- GreasyFork+
- GreasyFork Helper

*/

// CSS

(function() {
let css = `

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

.report-link.report-link-abs::before {
    content: "🚩 ";
}

.report-link.report-link-abs {
 background-color: rgba(85, 0, 0, 0.4);
 border: 1px solid rgba(143, 0, 0, 0.44);
 box-shadow: rgba(185, 29, 29, 0.22) 0px 0px 5px;
 border-radius: 3px;
 text-decoration: none;
 padding: 1px 2px 1px;
}

.tabs .current {
 border-top: 7px solid rgb(134, 113, 0) !important;
 border-radius: 0px 0px 4px 4px;
}

.tabs .current, .tabs > :not(.current) a:focus, .tabs > :not(.current) a:hover {
 background: rgba(134, 134, 134, 0.03) none repeat scroll 0% 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;
}

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

.com {
 background-color: rgb(19, 19, 19);
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
 background-color: rgb(19, 19, 19);
}

.linenums {
 border: 1px solid rgb(21, 21, 21);
 background-color: rgb(19, 19, 19);
 border-radius: 4px;
 border: none;
}

.prettyprint.linenums.lang-js.prettyprinted {
 border: none;
}

#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: 8px;
 border: 1px solid rgb(25, 25, 25);
}

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

form.external-login-form {
 user-select: none;
}

.external-login-container .google_oauth2-login {
 background-color: rgba(16, 151, 232, 0.19);
 box-shadow: rgba(20, 89, 198, 0.1) 0px 0px 15px;
 border: 1px solid rgba(19, 77, 215, 0.5);
 border-radius: 4px;
 cursor: pointer;
}

.external-login-container .gitlab-login {
 background-color: rgba(15, 15, 15, 0.93);
 box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 15px;
 border: 1px solid rgb(0, 0, 0);
 border-radius: 4px;
 cursor: pointer;
}

.external-login.github-login {
 background-color: rgba(79, 79, 79, 0.42);
 box-shadow: rgba(49, 49, 49, 0.32) 0px 0px 15px;
 border: 1px solid rgb(23, 21, 22);
 border-radius: 4px;
 cursor: pointer;
}

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

form.new_user ~ a {
 line-height: 170%;
}

form.new_user input[type="submit"] {
 background-color: rgb(103, 87, 0);
 background-image: linear-gradient(rgb(153, 151, 0), rgb(103, 87, 0));
 box-shadow: rgba(249, 233, 0, 0.39) 0px 0px 5px;
 cursor: pointer;
}

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

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

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

.validation-errors {
 background-color: rgb(28, 28, 28);
}

.script-list li:not(.ad-entry) {
 border-bottom: 1px solid rgb(19, 19, 19);
}

.install-link {
 background: rgba(0, 0, 0, 0) linear-gradient(rgb(32, 96, 11), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
 border-radius: 5px 0px 0px 5px;
}

.install-help-link {
 background: rgba(0, 0, 0, 0) linear-gradient(rgb(32, 96, 11), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
 border-radius: 0px 5px 5px 0px;
}

.install-link:hover {
 background: rgba(0, 0, 0, 0) linear-gradient(rgb(37, 111, 12), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
}

.install-help-link:hover {
 background: rgba(0, 0, 0, 0) linear-gradient(rgb(37, 111, 12), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
}

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: rgba(0, 0, 0, 0.63) 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);
}

.list-option-button:focus, .list-option-button:hover {
 background: rgba(0, 0, 0, 0) linear-gradient(rgb(43, 43, 43), rgb(30, 30, 30)) repeat scroll 0% 0%;
}

.list-option-button {
 background-color: rgb(21, 21, 21);
 border-radius: 5px;
 color: rgb(198, 198, 198) !important;
 border: 1px solid rgb(28, 28, 28);
}

.discussion-list-logged-in .discussion-read {
 background-color: rgb(19, 19, 19);
}

.discussion-list-item {
 border-top: 1px solid rgb(19, 19, 19);
}

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

.rating-icon-good {
 border-color: rgb(77, 166, 77);
 box-shadow: rgba(41, 221, 15, 0.51) 0px 0px 5px;
 background-color: rgba(26, 204, 26, 0.54);
}

.rating-icon-ok {
 border-color: rgb(183, 152, 77);
 box-shadow: rgba(238, 193, 17, 0.51) 0px 0px 5px;
 background-color: rgba(234, 199, 10, 0.54);
}

.rating-icon-bad {
 border-color: rgb(183, 77, 77);
 box-shadow: rgba(238, 17, 17, 0.51) 0px 0px 5px;
 background-color: rgba(234, 10, 10, 0.54);
}

.good-rating-count {
 border-color: rgba(0, 255, 0, 0.3);
 box-shadow: rgba(41, 221, 15, 0.22) 0px 0px 5px;
 background-color: rgba(14, 225, 14, 0.26);
}

.ok-rating-count {
 background-color: rgba(225, 225, 0, 0.22);
 border-color: rgba(234, 234, 0, 0.37);
 box-shadow: rgba(221, 179, 15, 0.24) 0px 0px 5px;
}

.bad-rating-count {
 background-color: rgba(255, 0, 0, 0.23);
 border-color: rgba(234, 0, 0, 0.33);
 box-shadow: rgba(221, 15, 15, 0.41) 0px 0px 5px;
}

.badge {
 padding: 0.2px 0.5ex;
}

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

.badge-author {
 background-color: rgba(30, 151, 30, 0.9);
 box-shadow: rgba(41, 221, 15, 0.29) 0px 0px 5px;
 border: 1px solid rgb(34, 151, 1);
}

.badge-banned {
 background-color: rgba(151, 30, 30, 0.9);
 box-shadow: rgba(221, 15, 15, 0.29) 0px 0px 5px;
 border: 1px solid rgb(172, 0, 0);
}

.badge-moderator {
 background-color: rgba(30, 49, 151, 0.9);
 box-shadow: rgba(15, 95, 221, 0.29) 0px 0px 5px;
 border: 1px solid rgb(0, 67, 172);
}

.script-type {
 background-color: rgb(40, 151, 0);
 padding: 0.2px 0.5ex;
 box-shadow: rgba(221, 160, 15, 0.29) 0px 0px 5px;
 border: 1px solid rgb(0, 172, 11);
 margin-left: 1ex;
 border-radius: 4px;
 font-size: 70%;
 padding: 0.2px 0.5ex;
 text-transform: uppercase;
 position: relative;
 top: -0.2ex;
}

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

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

#add-additional-info {
 color: rgb(221, 221, 221);
}

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

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

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

#add-script {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(23, 23, 23);
 border-radius: 5px;
}

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

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

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

.pagination, .script-list + .pagination, .user-list + .pagination {
 padding: 2px;
}

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

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

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

.log-table th {
 text-align: center;
}

::selection {
 background: rgb(84, 84, 84);
}

label {
 font-variant: small-caps;
}

li {
 list-style: none;
}

tr {
 background-color: rgb(19, 19, 19);
}

td {
 background-color: rgb(11, 11, 11);
}

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

button {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(23, 23, 23);
 border-radius: 4px;
 margin-top: 2px;
}

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

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