// ==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) // @downloadURL none // ==/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); } })();