Dark mode editor: make fullscreen dark (#658)

ScratchAddons · Nov 6, 2020 · c3e3d81 · c3e3d81
1 parent 9c72afd
commit c3e3d81
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/addons/editor-dark-mode/3dark.css b/addons/editor-dark-mode/3dark.css
@@ -154,7 +154,7 @@ div.custom-procedures_option-card_BtHt3 {
 }
 .stage_stage-wrapper-overlay_fmZuD,
 .stage-header_stage-header-wrapper-overlay_5vfJa {
-  background: black;
+  background: var(--main-bg);
 }
 .stage_stage-overlay-content_ePv_6 {
   border: none;
@@ -233,3 +233,7 @@ input[type="text"]:not([name="title"]):not([name="q"]):not([name="username"]):no
 [class^="color-picker_swatch"] {
   border-color: var(--accent-color);
 }
+
+.stage-wrapper_full-screen_2hjMb {
+  background-color: var(--main-bg) !important;
+}
diff --git a/addons/editor-dark-mode/3darker.css b/addons/editor-dark-mode/3darker.css
@@ -222,3 +222,7 @@ input[type="password"][name="password"]:focus {
 [class^="color-picker_swatch"] {
   border-color: var(--accent-color);
 }
+
+.stage-wrapper_full-screen_2hjMb {
+  background-color: black !important;
+}
diff --git a/addons/editor-dark-mode/dark-editor.css b/addons/editor-dark-mode/dark-editor.css
@@ -299,3 +299,7 @@ input:not([name="title"]):not([name="q"]):not([name="username"]):not([type="pass
 .blocklyZoom > image {
   opacity: 1;
 }
+
+.stage-wrapper_full-screen_2hjMb {
+  background-color: #222 !important;
+}