scratch-gui-dark.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. body { background-color: black; }
  2. .blocklyMainBackground { fill: #444 !important; }
  3. /*.blocklyBlockCanvas { filter: brightness(0.9) saturate(0) !important; }*/
  4. .blocklySvg { background-color: #222 !important; }
  5. .blocklyFlyoutBackground { fill: #222 !important; }
  6. .blocklyFlyout { border-right-color: #000 !important; }
  7. .blocklyZoom image { opacity: 0.25; }
  8. .blocklyScrollbarHandle { fill: #555 !important; }
  9. .blocklyWidgetDiv .goog-menu { background: #555 !important; border-color: #111; }
  10. .blocklyWidgetDiv .goog-menuitem { color: #FFF !important; }
  11. .blocklyWidgetDiv .goog-menuitem-highlight { background-color: #999 !important; border-top: 1px solid #333; border-bottom: 1px solid #333 }
  12. .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-content { color: #AAA !important; }
  13. .scratchCategoryMenu, .blocklyToolboxDiv, [class^=selector_wrapper] { background: #333 !important; color: #EEE; }
  14. .scratchCategoryMenuItem.categorySelected { background: #444 !important; }
  15. [class^=menu-bar_menu-bar_] { background: #222 !important; }
  16. [class^=sprite-selector_], [class^=stage-selector_] { background: #333 !important; color: #EEE; }
  17. [class*=sprite-selector-item] { background: #3A3A3A !important; color: #EEE; }
  18. [class^=selector_new-buttons]::before { background: none !important; }
  19. [class^=sprite-info] { background: #333 !important; color: #EEE; }
  20. [class^=gui_extension-button-container] { background: #444 !important; border-color: #222 !important; }
  21. [class^=gui_body-wrapper] { background-color: #2E2E2E !important; }
  22. [class*=gui_tab_] { background-color: #444 !important; border-bottom-color: #2E2E2E !important; }
  23. [class*=gui_tab_][class*=gui_is-selected] { background-color: #555 !important; }
  24. [class^=asset-panel_] { background-color: #444 !important; color: #EEE; }
  25. [class^=sound-editor_round-button] { filter: brightness(0.75) saturate(0) !important; }
  26. [class*=button_button], [class^=sound-editor_button] { background: #555 !important; border-color: #333 !important; }
  27. .injectionDiv, .blocklyToolboxDiv, [class^=stage_stage-wrapper], [class^=asset-panel_], [class^=sprite-selector], [class^=stage-selector] { border-color: #111 !important; }
  28. [class^=stage_stage-wrapper-overlay] { background-color: #000; }
  29. [class*=stage_stage-overlay-content] { border: 1px solid #333 !important; }
  30. [class^=stage-header_stage-header-wrapper-overlay] { background-color: #000; }
  31. [class^=react-tabs]:focus::after { display: none; }
  32. [class^=input_input-form_], [class^=sprite-info], [class^=stage-header] { border-color: #666 !important; }
  33. [class^=backpack_backpack-header] { background: #444; color: white; }
  34. [class^=button_outlined-button] { background: #444 !important; }
  35. [class^=menu-bar_help-icon] { filter: brightness(0.5); }
  36. .Popover-body { background: #333; border-color: #222; }
  37. .Popover-tipShape { fill: #333; stroke: #222; }
  38. [class^=color-picker_row-header] { color: #EEE; }
  39. [class^=color-picker_divider] { border-color: #555; }
  40. [class^=color-picker_swatch] { border-color: #666; }
  41. [class^=slider_handle] { background-color: #EEE; }