Greasy Fork Dark Theme

changes greasy/sleazy fork bright theme to dark.

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

您需要先安裝使用者腳本管理器擴展,如 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.7
// @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)
// ==/UserScript==

/*

﹀ Change Log ﹀

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 readed 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

*/

(function() {
let css = `

/* Code Lines Fix (a5653620) */

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

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

/* End of Code Lines Fix(Comments under construction) */

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

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

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

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

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

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

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

.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: 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 {
 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 {
 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(38, 172, 0);
}

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

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

(() => {'use strict'; const iterator_element = document.querySelectorAll('*')
iterator_element.forEach(item => {
item.style.backgroundColor = '#CFC299' })})