Greasy Fork is available in English.
Removes bright colors from the website and editor. Still in development.
// ==UserScript==
// @name Scratch Dark Mode
// @namespace http://tampermonkey.net/
// @version 0.9
// @description Removes bright colors from the website and editor. Still in development.
// @author 44D3A7HQ
// @match https://scratch.mit.edu/*
// @exclude https://scratch.mit.edu/studios/*
// @exclude https://scratch.mit.edu/users/*
// @exclude https://scratch.mit.edu/mystuff/*
// @exclude https://scratch.mit.edu/discuss/*
// @grant none
// ==/UserScript==
//I am aware of how bad this code is, I began this endeavour when I was not very good at javascript or css. This will be improved.
(function() {
'use strict';
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
//editor
addGlobalStyle('.menu-bar_menu-bar_JcuHF{ background-color: #333333 !important; }');
addGlobalStyle('.gui_body-wrapper_-N0sA{ background-color: #292929 !important; }');
addGlobalStyle('.blocklySvg{ background-color: #292929 !important; }');
addGlobalStyle('.asset-panel_wrapper_366X0 { background-color: #333333; color: #FFFFFF; !important; }');
addGlobalStyle('.scratchCategoryMenu { background-color: #292929; color: #FFFFFF; !important; }');
addGlobalStyle('.scratchCategoryMenuItem.categorySelected { background-color: #333333; color: #FFFFFF; !important; }');
addGlobalStyle('.blocklyToolboxDiv{ background-color: #292929 !important; }');
addGlobalStyle('.blocklyFlyoutBackground{ fill: #333333 !important; }');
addGlobalStyle('.blocklyFlyoutLabelText{ fill: #FFFFFF !important; }');
addGlobalStyle('.sprite-info_sprite-info_3EyZh { background-color: #333333; color: #FFFFFF; !important; }');
addGlobalStyle('.sprite-selector_sprite-selector_2KgCX { background-color: #333333; color: #FFFFFF; !important; }');
addGlobalStyle('.stage-selector_header_2GVr1 { background-color: #333333; color: #FFFFFF; !important; }');
addGlobalStyle('.stage-selector_stage-selector_3oWOr { background-color: #333333; color: #FFFFFF; !important; }');
addGlobalStyle('.blocklyBlockBackground{ fill: #333333; stroke-width:2; !important; }');
addGlobalStyle('.blocklyText{ color: white; font-weight: bold; !important; }');
addGlobalStyle('.blocklyDropDownDiv{ background: #333333; !important; }');
addGlobalStyle('.backpack_backpack-header_6ltCS { background: #333333; color: #FFFFFF; !important; }');
addGlobalStyle('.input_input-form_l9eYg { background-color: #292929; color: #FFFFFF; !important; }');
addGlobalStyle('.Popover-body { background: #333333; color: #FFFFFF; border: 1px solid #292929; !important;}');
addGlobalStyle('.Popover-tipShape { fill: #333333; stroke: #292929; !important;');
addGlobalStyle('.gui_tab_27Unf.gui_is-selected_sHAiu { background-color: #333333;!important; }');
addGlobalStyle('.gui_tab_27Unf { background-color: #292929;!important; }');
addGlobalStyle('.selector_wrapper_8_BHs { background: #333333; color: #FFFFFF; !important; }');
addGlobalStyle('.blocklyScrollbarHandle { fill: #333333AA; !important;');
//player
addGlobalStyle('.loader_background_2DPrW{ background-color: #333333 !important; }');
addGlobalStyle('.action-button{ background-color: #333333 !important; }');
addGlobalStyle('.inplace-textarea{ background-color: #333333 !important; }');
addGlobalStyle('.preview .project-description{ background-color: #333333; color: #FFFFFF; !important; }');
addGlobalStyle('.project-title{ color: #FFFFFF !important; }');
addGlobalStyle('.inplace-textarea{ color: #FFFFFF !important; }');
addGlobalStyle('.inplace-input{ background-color: #333333 !important; }');
addGlobalStyle('.inplace-input{ color: #FFFFFF !important; }');
addGlobalStyle('.comment .comment-body .comment-bubble{ background-color: #333333 !important; }');
addGlobalStyle('.comment .comment-body .comment-bubble::before{ background-color: #333333 !important; }');
addGlobalStyle('.comment .comment-body .comment-bubble{ color: #FFFFFF !important; }');
addGlobalStyle('.preview .project-lower-container{ background-color: #292929 !important; }');
addGlobalStyle('.preview .comments-header{ color: #FFFFFF !important; }');
addGlobalStyle('.preview .comments-header h4{ color: #FFFFFF !important; }');
addGlobalStyle('.compose-comment .compose-bottom-row .compose-limit{ color: #FFFFFF !important; }');
addGlobalStyle('.comment .action-list{ color: #FFFFFF !important; }');
addGlobalStyle('.replies.collapsed > .comment:last-of-type::after{ background: linear-gradient(rgba(29, 29, 29, 0), #292929); }');
//website
addGlobalStyle('#navigation{ background-color: #333333 !important; }');
addGlobalStyle('#view{ background-color: #292929 !important; }');
addGlobalStyle('#footer{ background-color: #333333 !important; }');
addGlobalStyle('.box{ border: 0px}');
addGlobalStyle('.box{ background-color: #333333 !important; }');
addGlobalStyle('.box .box-header{ border-top: 0px; border-bottom: 0px; background-color: #333333 !important; }');
addGlobalStyle('.box .box-content{ background-color: #333333 !important; }');
addGlobalStyle('.activity-li{ color: #9BA8BA !important; }');
addGlobalStyle('.news li:nth-child(2n){ border-top: 0px; border-bottom: 0px; !important; }');
addGlobalStyle('.box .box-header h4, .box .box-header h5{ color: #FFFFFF !important; }');
addGlobalStyle('#body{ color: #FFFFFF !important; }');
addGlobalStyle('#body{ text-shadow: none !important; }');
})();