Merge pull request #780 from rgantzos/main

Make custom block colors compatible with dark modes

Author: rgantzos

features/editor-dark-mode.js

@@ -18,6 +18,7 @@ Version 1.8.
   --secondary-bg: #151515;
   --accent: #202020;
   --text: #bfbfbf;
+  --editorDarkMode-primary-text: #ffffff;
 }
 
 /*Main UI bar, similar bars, and dropdown menu*/

features/more-block-themes/script.js

@@ -5,7 +5,10 @@ export default async function ({ feature, console }) {
   COLORS.rel = "stylesheet"
   COLORS.href = feature.self.getResource("colors")
   COLORS.disabled = true
-  document.head.appendChild(COLORS)
+
+  ScratchTools.waitForElements("head", function() {
+    document.head.appendChild(COLORS)
+  })
 
   let THEMES = [
     {

features/more-block-themes/themes/transparent.css

@@ -33,6 +33,8 @@
 
   --text-light: #000000;
   --text-normal: #000000;
+  --text-light: var(--editorDarkMode-primary-text);
+  --text-normal: var(--editorDarkMode-primary-text);
 
   --arg-border: transparent;
 }