Greasy Fork Dark Theme by mycoolusername

/* ==UserStyle==
@name Greasy Fork Dark Theme(User Style)
@description changes greasy/sleazy fork theme to dark
@namespace -
@version 1.8
@license GPL-3.0-or-later
==/UserStyle== */

@-moz-document domain("greasyfork.org"), domain("sleazyfork.org") {
.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: 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);
}

#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 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%;
 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;
 border: none;
}

.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 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(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_u...