// ==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