« get me outta code hell

scratch-gui-dark.css - scratch-userscripts - Handy userscripts for the Scratch website - issues/ideas: https://notabug.org/towerofnix/scratch-userscripts/issues
about summary refs log tree commit diff
path: root/scratch-gui-dark.css
diff options
context:
space:
mode:
authorFlorrie <towerofnix@gmail.com>2018-06-30 21:38:39 -0300
committerFlorrie <towerofnix@gmail.com>2018-06-30 21:38:39 -0300
commitdb4ff5f05f02e8b607b39c02a570312bee47b934 (patch)
treefd7a65ffe54f9213533d5dbddf1a9aeb70921706 /scratch-gui-dark.css
parentabfaa25a4fa45334c69f97b50eb299ccef5339b1 (diff)
scratch-gui-dark.css
Diffstat (limited to 'scratch-gui-dark.css')
-rw-r--r--scratch-gui-dark.css41
1 files changed, 41 insertions, 0 deletions
diff --git a/scratch-gui-dark.css b/scratch-gui-dark.css
new file mode 100644
index 0000000..4396bc7
--- /dev/null
+++ b/scratch-gui-dark.css
@@ -0,0 +1,41 @@
+body { background-color: black; }
+.blocklyMainBackground { fill: #444 !important; }
+/*.blocklyBlockCanvas { filter: brightness(0.9) saturate(0) !important; }*/
+.blocklySvg { background-color: #222 !important; }
+.blocklyFlyoutBackground { fill: #222 !important; }
+.blocklyFlyout { border-right-color: #000 !important; }
+.blocklyZoom image { opacity: 0.25; }
+.blocklyScrollbarHandle { fill: #555 !important; }
+.blocklyWidgetDiv .goog-menu { background: #555 !important; border-color: #111; }
+.blocklyWidgetDiv .goog-menuitem { color: #FFF !important; }
+.blocklyWidgetDiv .goog-menuitem-highlight { background-color: #999 !important; border-top: 1px solid #333; border-bottom: 1px solid #333 }
+.blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-content { color: #AAA !important; }
+.scratchCategoryMenu, .blocklyToolboxDiv, [class^=selector_wrapper] { background: #333 !important; color: #EEE; }
+.scratchCategoryMenuItem.categorySelected { background: #444 !important; }
+[class^=menu-bar_menu-bar_] { background: #222 !important; }
+[class^=sprite-selector_], [class^=stage-selector_] { background: #333 !important; color: #EEE; }
+[class*=sprite-selector-item] { background: #3A3A3A !important; color: #EEE; }
+[class^=selector_new-buttons]::before { background: none !important; }
+[class^=sprite-info] { background: #333 !important; color: #EEE; }
+[class^=gui_extension-button-container] { background: #444 !important; border-color: #222 !important; }
+[class^=gui_body-wrapper] { background-color: #2E2E2E !important; }
+[class*=gui_tab_] { background-color: #444 !important; border-bottom-color: #2E2E2E !important; }
+[class*=gui_tab_][class*=gui_is-selected] { background-color: #555 !important;  }
+[class^=asset-panel_] { background-color: #444 !important; color: #EEE; }
+[class^=sound-editor_round-button] { filter: brightness(0.75) saturate(0) !important; }
+[class*=button_button], [class^=sound-editor_button] { background: #555 !important; border-color: #333 !important; }
+.injectionDiv, .blocklyToolboxDiv, [class^=stage_stage-wrapper], [class^=asset-panel_], [class^=sprite-selector], [class^=stage-selector] { border-color: #111 !important; }
+[class^=stage_stage-wrapper-overlay] { background-color: #000; }
+[class*=stage_stage-overlay-content] { border: 1px solid #333 !important; }
+[class^=stage-header_stage-header-wrapper-overlay] { background-color: #000; }
+[class^=react-tabs]:focus::after { display: none; }
+[class^=input_input-form_], [class^=sprite-info], [class^=stage-header] { border-color: #666 !important; }
+[class^=backpack_backpack-header] { background: #444; color: white; }
+[class^=button_outlined-button] { background: #444 !important; }
+[class^=menu-bar_help-icon] { filter: brightness(0.5); }
+.Popover-body { background: #333; border-color: #222; }
+.Popover-tipShape { fill: #333; stroke: #222; }
+[class^=color-picker_row-header] { color: #EEE; }
+[class^=color-picker_divider] { border-color: #555; }
+[class^=color-picker_swatch] { border-color: #666; }
+[class^=slider_handle] { background-color: #EEE; }