Greasy Fork Dark Theme

changes greasy/sleazy fork bright theme to dark.

// ==UserScript==
// @name Greasy Fork Dark Theme
// @name:ar Greasy Fork مظهر داكن
// @name:zh-CN Greasy Fork 黑暗主题
// @name:fr Greasy Fork Dark Thème
// @name:de Greasy Fork Dunkles Thema
// @name:it Greasy Fork Dark Tema
// @name:ja Greasy Fork 暗いテーマ
// @name:ko Greasy Fork 어두운 테마
// @name:ru Тёмная тема Greasy Fork
// @name:tr Greasy Fork Karanlık Tema
// @name:vi Greasy Fork Chủ đề tối
// @namespace -
// @version 1.9
// @description changes greasy/sleazy fork bright theme to dark.
// @description:ar  التغييرات greasy/sleazy fork موضوع مشرق إلى الظلام.
// @description:zh-CN 变化 greasy/sleazy fork 明亮的主题到黑暗。
// @description:fr changements greasy/sleazy fork thème clair à sombre.
// @description:de Änderungen greasy/sleazy fork helles Thema zu dunkel.
// @description:it  i cambiamenti greasy/sleazy fork tema luminoso al buio.
// @description:ja  変更 greasy/sleazy fork 明るいテーマから暗いテーマ。
// @description:ko  변경 사항 greasy/sleazy fork 밝은 테마를 어둡게.
// @description:ru  Меняет светлую тему greasy/sleazy fork на тёмную.
// @description:tr  değişiklikler greasy/sleazy fork karanlık için parlak tema.
// @description:vi  thay đổi greasy/sleazy fork chủ đề sáng đến tối.
// @author NotYou
// @include *greasyfork.org/*
// @include *sleazyfork.org/*
// @compatible Chrome Minimal: 31.0 | Recommened: 40.0 | Best Choice: Ungoogled Chromium 96.0.4664.110-1-or-later
// @compatible Firefox Minimal: 27.0 | Recommened: 48.0 | Best Choice: Waterfox G4.0.5-or-later
// @compatible Opera Minimal: 18.0 | Recommened: 25.0
// @run-at document-body
// @icon https://searx.be/image_proxy?url=https%3A%2F%2Fencrypted-tbn0.gstatic.com%2Fimages%3Fq%3Dtbn%3AANd9GcQBQeAIPvYfxjTxd6_TQQRR2y7i-kyia2vUCw%26usqp%3DCAU&h=202fb5ea70a36a5e40c4b0be47cffa21e6b419fb5d61926d4f0b3300544b49a7
// @require https://code.jquery.com/jquery-3.3.1.min.js
// @grant GM_addStyle
// @grant GM.registerMenuCommand
// @license GPL-3.0-or-later
// ==/UserScript==

/*

﹀ Change Log ﹀

1.9 Version:
- Color change feature!!! | https://greasyfork.org/en
- Fixed color for bottom border | https://greasyfork.org/en/users/824432-notyou/sets/new

1.8 Version:
- Fixed Label font-variant | https://greasyfork.org/en/users/sign_up
- Fixed installing help background | https://greasyfork.org/en/scripts/_
- Better colors for announcements | https://greasyfork.org/en
- Fixed font-variant for labels | https://greasyfork.org/en/users/edit
- Better font-weight for libraries header | https://greasyfork.org/en/users/_

1.7 Version:
- Better highlighting for editor | https://greasyfork.org/en/scripts/_/versions/new
- Fixed Sign up input fields | https://greasyfork.org/en/users/sign_up
- Fixed Sign in and Sign up text color | https://greasyfork.org/en/users/sign_in
- Fixed Sign out symbols: "[" and "]" | https://greasyfork.org/en
- Better hr element | https://greasyfork.org/en/users/_-_
- Fixed sign in fields text color | https://greasyfork.org/en/users/sign_in
- Fixed color for collapsed sidebar | https://greasyfork.org/en/scripts

1.6 Version:
- Fixed sign in text color | https://greasyfork.org/en/users/sign_in
- Better background for mark | https://greasyfork.org/en/users/_-_
- Fixed Image Rendering | https://greasyfork.org/en
- Updated compilable scripts list | https://greasyfork.org/en
- Added border-radius to videos | https://greasyfork.org/en/users/_-_
- Better text size for subscript and superscript | https://greasyfork.org/en/users/_-_

1.5 Version:
- Better tr element background | https://greasyfork.org/en/users
- Fixed versions diff highlighting | https://greasyfork.org/en/scripts/_-_/diff

1.4 Version:
- Better titles in stats | https://greasyfork.org/en/scripts/_-_/stats
- Fixed Report Button margin for AR, UG and HE languages | https://greasyfork.org/en/users/_-_
- Correct color for report button | https://greasyfork.org/en/users/_-_
- Fixed "Show More" button at scripts page | https://greasyfork.org/en/scripts/_-_

1.3 Version:
- Better Report Button | https://greasyfork.org/en/users/_-_
- Better figure element at help page | https://greasyfork.org/en/help/installing-user-scripts
- Less weighted JS, CSS, Moderator, Author badges | https://greasyfork.org/en/users/_-_
- Better Library and Deleted badges font style | https://greasyfork.org/en/users/_-_
- Added transition and 3D effect to tabs | https://greasyfork.org/en/scripts/_-_
- Fixed Dialog window | https://greasyfork.org/en/scripts/_-_
- Better titles | https://greasyfork.org/en/users/_-_
- Scrollability +10px | https://greasyfork.org/en/users

1.2 Version:
- Fixed Install Button at AR, UG and HE languages | https://greasyfork.org/ar/scripts/_-_
- Fixed Report Button at AR, UG and HE languages | https://greasyfork.org/ar/users/_-_
- Better button color at AR, UG and HE languages | https://greasyfork.org/ar/scripts/_-_/admin
- Brighter Content Box Shadow | https://greasyfork.org/en/users/_-_
- Fixed function name highlitghing | https://greasyfork.org/en/script_versions/new
- Better Install and Install Help Buttons | https://greasyfork.org/en/scripts/_-_
- New JS, CSS, Moderator, Author, Library, Deleted badge | https://greasyfork.org/en/users/_-_
- Better color for deleted note | https://greasyfork.org/en/scripts/_-_
- Better color for list | https://greasyfork.org/en/scripts

1.1 Version:
- Better Languages Translate(https://greasyfork.org/en/scripts/436913/discussions/111613) | https://greasyfork.org/en/scripts/436913-greasy-fork-dark-theme
- Better Browser Specification | https://greasyfork.org/en
- Removed re-sizing at ace editor | https://greasyfork.org/en/scripts/_/versions/new
- Better Selection | https://greasyfork.org/en
- Better Script Type Badge Color | https://greasyfork.org/en/scripts/libraries

1.0 Version:
- Fixed pagination background | https://greasyfork.org/en/scripts
- Fixed Arabic, Hebrew, Uyghurs languages text color | https://greasyfork.org/ar
- New Icon | https://greasyfork.org/en/scripts/436913-greasy-fork-dark-theme
- Fixed Email&Password fields | https://greasyfork.org/en/users/edit
- Better h3 | https://greasyfork.org/en/users/_-_
- Better alarm | https://greasyfork.org/en
- Ads Block | https://greasyfork.org/en
- Faster script loading | https://greasyfork.org/en
- Editor Better Syntax Highlighting(1) | https://greasyfork.org/en/scripts/_/versions/new
- Editor Better Syntax Highlighting(2) | https://greasyfork.org/en/scripts/_-_/code

0.9 Version:
- Better help button | https://greasyfork.org/en/scripts/_-_
- Added more localizations | https://greasyfork.org/en/scripts/436913-greasy-fork-dark-theme

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 《
- Greasy Fork+
- GreasyFork Helper
- GreasyFork Total Scripts
- Greasy Fork Total Installs
- Greasy Fork Display User's ID
- Greasy Fork Total Downloads
- Greasy Fork Christmas Theme
- GreasyFork Total Installs(modified)
- Greasy Fork Total Scripts(modified)
- Greasy Fork Display User's ID(jQuery)

*/

function changeColor() {
    $('html > body').append('<div class="changeColorBox"><span id="colorChangerTitle"><span id="resetColor" title="Reset colors to default"></span>Color Changer<span id="colorCanvasClose" title="Close color selector"></span><canvas id="colorCanvas" class="color-canvas"></canvas></span></div>');

    function a() {
        let canvas = document.getElementById('colorCanvas');
        let canvasContext = canvas.getContext('2d');
        let gradient = canvas.getContext('2d').createLinearGradient(0, 0, canvas.width, 0)

        gradient.addColorStop(0, '#ff0000')
        gradient.addColorStop(1 / 6, '#ffff00')
        gradient.addColorStop((1 / 6) * 2, '#00ff00')
        gradient.addColorStop((1 / 6) * 3, '#00ffff')
        gradient.addColorStop((1 / 6) * 4, '#0000ff')
        gradient.addColorStop((1 / 6) * 5, '#ff00ff')
        gradient.addColorStop(1, '#ff0000')
        canvas.getContext('2d').fillStyle = gradient
        canvas.getContext('2d').fillRect(0, 0, canvas.width, canvas.height)

        gradient = canvas.getContext('2d').createLinearGradient(0, 0, 0, canvas.height)
        gradient.addColorStop(0, 'rgba(255, 255, 255, 1)')
        gradient.addColorStop(0.5, 'rgba(255, 255, 255, 0)')
        gradient.addColorStop(1, 'rgba(255, 255, 255, 0)')
        canvas.getContext('2d').fillStyle = gradient
        canvas.getContext('2d').fillRect(0, 0, canvas.width, canvas.height)

        gradient = canvas.getContext('2d').createLinearGradient(0, 0, 0, canvas.height)
        gradient.addColorStop(0, 'rgba(0, 0, 0, 0)')
        gradient.addColorStop(0.5, 'rgba(0, 0, 0, 0)')
        gradient.addColorStop(1, 'rgba(0, 0, 0, 1)')
        canvas.getContext('2d').fillStyle = gradient
        canvas.getContext('2d').fillRect(0, 0, canvas.width, canvas.height)

        canvas.onclick = function(e) {
            var imgData = canvasContext.getImageData((e.offsetX / canvas.clientWidth) * canvas.width, (e.offsetY / canvas.clientHeight) * canvas.height, 1, 1)
            var rgba = imgData.data;
            var color = "rgba(" + rgba[0] + ", " + rgba[1] + ", " + rgba[2] + ", " + rgba[3] + ")";
            var color2 = "rgba(" + rgba[0] - 30 + ", " + rgba[1] + ", " + rgba[2] + ", " + rgba[3] + ")";
            localStorage.setItem('mainColor', color)
            localStorage.setItem('mainColor2', color2)
        }
    }
    document.querySelector('.changeColorBox').addEventListener('click', function() {
        $(this).append('<div id="reload"><button id="reloadPageBtn">Reload</button> page to use selected color. </div>');
        document.querySelector('#reloadPageBtn').addEventListener('click', function() {
            this.parentNode.remove();
            window.history.go(0);
        });
    });
    document.querySelector('#resetColor').addEventListener('click', function() {
        this.parentNode.parentNode.remove();
        localStorage.removeItem('mainColor');
        localStorage.removeItem('mainColor2');
        window.history.go(0);
    });
    document.querySelector('#colorCanvasClose').addEventListener('click', function() {
        this.parentNode.parentNode.remove();
    });
    a()
}

GM.registerMenuCommand('Change colors', changeColor);

var mainColor,
    mainColor2;

if(localStorage.getItem('mainColor')) {
    mainColor = localStorage.getItem('mainColor');
    mainColor2 = localStorage.getItem('mainColor2');
} else {
    mainColor = 'rgb(240, 135, 0)';
    mainColor2 = 'rgb(210, 140, 6)';
}

(function() {
let cssMain = `

:root {
 --default-main: ` + mainColor + `;
 --defailt-main-2: ` + mainColor2 + `;
}

.changeColorBox {
 box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(22, 22, 22);
 position: fixed;
 padding: 10px;
 top: 20%;
 left: 35%;
 z-index: 999;
 width: 370px;
}

#colorChangerTitle {
 display: inherit;
 margin-bottom: 1px;
 font-weight: 800;
 font-size: 20px;
 text-align: center;
}

#colorCanvas {
 height: 350px;
 width: 350px;
 cursor: crosshair;
}

#colorCanvasClose {
 box-sizing: border-box;
 position: relative;
 display: inline-block;
 transform: scale(var(--ggs,1));
 width: 22px;
 height: 22px;
 border: 2px solid transparent;
 border-radius: 40px;
 margin-bottom: -5px;
 margin-right: -100px;
 margin-left: 70px;
 cursor: pointer;
}

#colorCanvasClose::after, #colorCanvasClose::before {
 content: "";
 display: inline-block;
 box-sizing: border-box;
 position: absolute;
 width: 16px;
 height: 2px;
 background: currentColor;
 transform: rotate(45deg);
 border-radius: 5px;
 top: 8px;
 left: 1px;
}

#colorCanvasClose::after {
 transform: rotate(-45deg);
}

#resetColor {
 box-sizing: border-box;
 position: relative;
 display: inline-block;
 transform: scale(var(--ggs,1));
 width: 14px;
 height: 14px;
 border: 2px solid;
 border-left-color: transparent;
 border-radius: 100px;
 margin-right: 91px;
 margin-left: -96px;
 cursor: pointer;
}

#resetColor::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 6px;
 height: 6px;
 border-top: 2px solid;
 border-left: 2px solid;
 top: -3px;
 left: -1px;
 transform: rotate(-68deg);
}

`;
if (typeof GM_addStyle !== "undefined") {
  GM_addStyle(cssMain);
} else {
  let styleNode = document.createElement("style");
  styleNode.appendChild(document.createTextNode(cssMain));
  (document.querySelector("head") || document.documentElement).appendChild(styleNode);
}

let css = `

.ad-entry, .adsbygoogle, .ad-content {
 display: none !important
}

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

#main-header {
 background-color: var(--default-main);
 background-image: radial-gradient(var(--defailt-main-2), var(--default-main));
}

#main-header h1 {
 color: rgb(5, 5, 5);
 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);
}

#site-nav > nav a:hover {
 color: rgb(255, 255, 255);
 text-decoration: underline !important;
}

.sign-out-link {
 color: rgb(5, 5, 5) !important;
}

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

.report-link.report-link-abs {
 box-shadow: rgba(221, 46, 68, 0.52) 0px 0px 5px;
 background-color: rgba(36, 36, 36, 0.9);
 border: 0.16em solid rgb(217, 29, 53);
 color: rgb(230, 33, 58) !important;
 padding: 1px 4px 2px 0px;
 letter-spacing: 0.029em;
 text-decoration: none;
 border-radius: 5px;
 font-weight: 600;
 scale: 0.9;
}

.report-link.report-link-abs:lang(ar), .report-link.report-link-abs:lang(ug), .report-link.report-link-abs:lang(he) {
 direction: ltr;
 margin-right: 90.46%;
}

.tabs a {
 transition: 300ms
}

.tabs .current {
 border-top: 7px solid var(--default-main) !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%;
 box-shadow: rgba(0, 0, 0, 0.38) 0px 1px;
 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;
 scrollbar-color: rgb(30, 30, 30) rgb(15, 15, 15) !important;
}

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

.pun, .pln {
 color: rgb(191, 191, 191) !important;
}

.opn {
 color: rgb(202, 182, 75) !important;
}

.clo {
 color: rgb(52, 173, 210) !important;
}

.str {
 color: rgb(183, 181, 75) !important;
}

.kwd {
 color: rgb(69, 206, 69) !important;
}

.lit {
 color: rgb(196, 97, 200) !important;
}

.typ {
 color: rgb(100, 155, 215) !important;
}

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

.linenums {
 border: 1px solid rgb(21, 21, 21);
 background-color: rgb(19, 19, 19) !important;
 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);
 overflow: unset;
 border-radius: 4px;
}

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

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

.ace_scroller {
 background: rgb(21, 21, 21) !important;
}

.ace_scrollbar-inner {
 scrollbar-color: rgb(30, 30, 30) rgb(15, 15, 15) !important;
}

.ace-tm .ace_comment {
 color: rgb(115, 113, 106) !important;
}

.ace-tm .ace_keyword.ace_operator {
 color: rgb(121, 158, 202) !important;
}

.ace-tm .ace_entity.ace_name.ace_function {
 color: rgb(69, 200, 50) !important;
}

.ace-tm .ace_support.ace_function {
 color: rgb(223, 65, 65) !important;
}

.ace-tm .ace_storage, .ace-tm .ace_keyword, .ace-tm .ace_support.ace_constant {
 color: rgb(40, 185, 200) !important;
}

.ace-tm .ace_string {
 color: rgb(202, 182, 75) !important;
}

.ace_identifier, .ace_paren.ace_lparen, .ace_paren.ace_rparen, .ace_punctuation.ace_operator {
 color: rgb(217, 215, 215) !important;
}

.ace-tm .ace_support.ace_type, .ace-tm .ace_support.ace_class {
 color: rgb(174, 173, 72) !important;
}

.ace-tm .ace_variable {
 color: rgb(57, 177, 202) !important;
}

.ace-tm .ace_constant {
 color: rgb(14, 200, 52) !important;
}

.ace-tm .ace_constant.ace_numeric {
 color: rgb(182, 86, 196) !important;
}

.diff {
 max-height: none !important;
 border: 2px solid rgb(15, 15, 15);
 border-radius: 5px;
}

.diff ul {
 background: rgb(15, 15, 15) none repeat scroll 0% 0%;
}

.diff li.ins {
 background: rgba(66, 219, 34, 0.42) none repeat scroll 0% 0%;
}

.diff ins strong {
 background: rgba(29, 215, 14, 0.44) none repeat scroll 0% 0%;
}

.diff li.diff-block-info {
 background: rgb(19, 18, 18) none repeat scroll 0px 0px;
}

.diff li:hover {
 background: rgba(0, 0, 0, 0.19) none repeat scroll 0% 0%;
}

.diff li.del, .diff del strong {
 background: rgba(240, 0, 0, 0.29) none repeat scroll 0% 0%;
}

.diff li.ins:hover, .diff ins strong:hover {
 background: rgba(8, 255, 0, 0.19) none repeat scroll 0% 0%;
}

.diff li.del:hover, .diff del strong:hover {
 background: rgba(255, 0, 0, 0.19) none repeat scroll 0% 0% !important;
}

#script-info header h2 {
 color: rgb(191, 191, 191);
}

.inline-script-stats dt {
 color: rgb(191, 191, 191);
}

.tabs .current, .tabs > :not(.current) a:focus, .tabs > :not(.current) a:hover {
 color: rgb(191, 191, 191) !important;
}

dd, dt {
 color: rgb(191, 191, 191);
}

.current {
 color: rgb(191, 191, 191);
}

#script-description {
 color: rgb(191, 191, 191) !important;
}

#script-links {
 color: rgb(191, 191, 191) !important;
}

#script-info header h2 {
 color: rgb(191, 191, 191);
}

#script-info > :last-child, .discussion-list > :last-child, .text-content > :last-child, .user-list > :last-child {
 color: rgb(191, 191, 191) !important;
}

#script-stats {
 color: rgb(191, 191, 191) !important;
}

#script-feedback-suggestion {
 color: rgb(191, 191, 191) !important;
}

.discussion-meta-item {
 margin-left: 10%;
}

#language-selector-locale {
 color: rgb(191, 191, 191);
}

.external-login {
 color: rgb(191, 191, 191);
}

.script-description.description {
 color: rgb(191, 191, 191);
}

.badge.badge-js {
 color: rgb(17, 17, 17) !important;
}

.badge.badge-js {
 color: rgb(187, 187, 187) !important;
}

.list-option-group .list-current {
 color: rgb(191, 191, 191);
}

.tabs .current {
 color: rgb(191, 191, 191);
}

.sidebarred-main-content {
 color: rgb(191, 191, 191);
}

.open-sidebar, .close-sidebar {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(23, 23, 23);
}

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

.sidebar-search input[type="search"] {
 color: rgb(191, 191, 191);
}

.width-constraint {
 color: rgb(191, 191, 191);
}

a.discussion-title {
 color: rgb(191, 191, 191);
}

.discussion-title:hover {
 color: rgb(172, 172, 172);
}

.super-title {
 color: rgb(191, 191, 191);
}

.rating-icon {
 color: rgb(191, 191, 191);
}

.bad-rating-count, .good-rating-count, .ok-rating-count {
 color: rgb(191, 191, 191) !important;
}

input[type=search] {
 color: rgb(191, 191, 191) !important;
}

figure {
 background-color: rgb(19, 19, 19);
 box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 5px;
}

body {
 color: rgb(191, 191, 191);
}

button {
 text-rendering: optimizelegibility;
 color: rgb(191, 191, 191);
}

input {
 color: rgb(191, 191, 191);
}

select {
 color: rgb(191, 191, 191);
}

textarea {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(21, 21, 21);
 border-radius: 4px;
 color: rgb(191, 191, 191);
}

select {
 color: rgb(191, 191, 191);
}

h2 {
 color: rgb(191, 191, 191);
}

h3 {
 color: rgb(191, 191, 191);
}

h4 {
 color: rgb(191, 191, 191);
}

h5 {
 color: rgb(191, 191, 191);
}

h6 {
 color: rgb(191, 191, 191);
}

span {
 color: rgb(191, 191, 191);
}

p {
 color: rgb(191, 191, 191);
}

.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_name, #user_password_confirmation {
 background: rgb(19, 19, 19);
 border: 1px solid rgb(26, 26, 26);
}

#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 var(--default-main);
 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(21, 21, 21);
}

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

form.new_user {
 background-color: rgb(19, 19, 19);
 background-image: linear-gradient(rgb(21, 21, 21), rgb(19, 19, 19));
 box-shadow: rgba(17, 17, 17, 0.53) 0px 0px 5px;
 cursor: pointer;
}

form.new_user input[type="submit"] {
 background-color: var(--default-main);
 background-image: radial-gradient(var(--defailt-main-2), var(--default-main));
}

.actions > input {
 color: rgb(227, 227, 227) !important;
}

#user_email, #user_password {
 color: rgb(10, 10, 10);
}

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

#edit_user > div > #user_email {
 color: rgb(191, 191, 191);
}

form.new_user input[type="email"], form.new_user input[type="password"], form.new_user input[type="text"] {
 border-radius: 4px;
}

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

.micromodal-slide[aria-hidden="false"] .modal__container {
 background-color: rgb(19, 19, 19);
 border: 1px solid rgb(26, 26, 26);
}

.modal__title {
 font-weight: 800;
}

.modal__btn-primary {
 background: rgba(0, 0, 0, 0) linear-gradient(rgb(32, 96, 11), rgba(0, 82, 0, 0.5)) repeat scroll 0% 0%;
}

.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;
 border-radius: 0px 6px 6px 0px;
}

.announcement, .announcement input {
 background: rgb(21, 21, 21);
 padding: 2px;
 border: 1px solid rgb(24, 24, 24);
 border-radius: 4px;
}

#deleted-note, #reported-note, #version-note {
 background-color: rgb(17, 17, 17);
 border: 2px dotted var(--default-main);
}

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

.change-script-set section {
 border-bottom: 1px solid rgb(32, 32, 32);
}

.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;
 margin-right: 5px;
 margin-left: 5px;
}

.install-link:lang(ar), .install-link:lang(ug), .install-link:lang(he) {
 border-radius: 5px;
}

.install-help-link {
 background: rgba(0, 0, 0, 0) linear-gradient(rgb(44, 128, 17), rgba(0, 111, 0, 0.5)) repeat scroll 0% 0%;
 border-radius: 5px;
}

.install-help-link:lang(ar), .install-help-link:lang(ug), .install-help-link:lang(ug) {
 border-radius: 5px;
}

.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(51, 142, 20), rgba(0, 117, 0, 0.5)) repeat scroll 0% 0%;
}

.install-link, .install-help-link {
 user-select: none;
}

nav nav {
 box-shadow: rgb(0, 0, 0) 0px 0px 5px;
 border: 1px solid var(--default-main);
 background-color: var(--defailt-main-2);
 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: rgba(0, 0, 0, 0.76) 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.38) 0px 0px 5px;
 border: 1px solid rgba(28, 28, 28, 0.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 var(--default-main);
}

.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(36, 36, 36, 0.9);
 box-shadow: rgba(221, 179, 15, 0.38) 0px 0px 5px;
 border: 0.16em solid rgb(204, 153, 0);
 border-radius: 4px;
 color: rgb(204, 153, 0) !important;
 font-weight: 600;
}

.badge.badge-css {
 background-color: rgba(36, 36, 36, 0.9);
 box-shadow: rgba(15, 86, 221, 0.38) 0px 0px 5px;
 border: 0.16em solid rgb(0, 99, 204);
 border-radius: 4px;
 color: rgb(0, 99, 204) !important;
 font-weight: 600;
}

.badge-author {
 background-color: rgba(36, 36, 36, 0.9);
 box-shadow: rgba(41, 221, 15, 0.29) 0px 0px 5px;
 border: 0.12em solid rgb(34, 151, 1);
 color: rgb(48, 196, 27) !important;
 border-radius: 5px;
 font-weight: 600;
}

.badge-banned {
 background-color: rgba(36, 36, 36, 0.9);
 box-shadow: rgba(221, 15, 15, 0.51) 0px 0px 5px;
 border: 0.12em solid rgb(193, 15, 15);
 color: rgb(191, 26, 26) !important;
 border-radius: 5px;
 font-weight: 600;
}

.badge-moderator {
 background-color: rgba(36, 36, 36, 0.9);
 box-shadow: rgba(19, 94, 210, 0.5) 0px 0px 5px;
 border: 0.12em solid rgb(18, 93, 210);
 border-radius: 5px;
 color: rgb(17, 95, 217) !important;
 font-weight: 600;
}

.script-type {
 box-shadow: rgba(221, 160, 15, 0.29) 0px 0px 5px;
 background-color: rgba(36, 36, 36, 0.9);
 border: 0.16em solid rgb(172, 81, 0);
 color: rgb(221, 102, 15) !important;
 padding: 0.8px 0.5ex 2px 2px;
 font-variant: all-petite-caps;
 border-radius: 4px;
 position: relative;
 font-weight: 800;
 margin-left: 1ex;
 font-size: 70%;
 top: -0.2ex;
}

#home-top-sites a {
 color: var(--default-main);
 text-decoration: none;
}

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

#control-panel h3, #user-discussions-on-scripts-written h3, #user-discussions h3, #user-conversations h3, #user-script-sets-section h3, #user-script-list-section h3, #user-deleted-script-list-section h3, #script-content h3, .text-content h3, #user-library-list-section h3, .sidebarred-main-content h3 {
 font-variant: all-petite-caps;
 font-weight: 800;
}

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

.expander {
 background-color: rgb(28, 28, 28);
 text-decoration: underline;
 border: 1px solid rgb(35, 35, 35);
 margin-top: -8px !important;
 padding: 1px;
}

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

.alert {
 border-color: currentcolor currentcolor currentcolor var(--default-main);
 background-color: rgba(40, 40, 40, 0.18);
 border-radius: 0px 8px 8px 0px;
}

.pagination, .script-list + .pagination, .user-list + .pagination {
 margin-bottom: 10px;
 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 {
 background-color: rgb(28, 28, 28);
 cursor: pointer;
}

.gap {
 user-select: none;
}

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

.stats-table td, .stats-table th {
 border: 1px solid rgb(26, 26, 26);
}

::selection {
 background: rgba(0, 0, 0, 0.5);
 color: rgb(191,  191, 191);
 filter: contrast(130%);
 border-radius: 3px;
}

mark {
 background: rgba(255, 205, 54, 0.4);
}

sub, sup {
 font-size: 12px;
}

label, #edit_user > div > label, .checkbox-label {
 font-variant: all-petite-caps !important;
}

li {
 list-style: none;
}

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

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

h3 {
 font-variant: small-caps;
}

hr {
 color: rgb(87, 87, 87) !important;
 border-bottom: 1px solid rgb(36, 36, 36);
}

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

button:hover {
 background-color: rgb(22, 22, 22);
 border: 1px solid rgb(25, 25, 25);
}

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

img, video {
 border-radius: 4px;
}

a {
 color: rgb(191, 191, 191);
}

a:visited {
 color: rgb(191, 191, 191);
}

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
























































// hey there