UPDATE: Improve code

Author: Axorax

api/logging.js

@@ -1,28 +1,23 @@
 ScratchTools.console = {};
-ScratchTools.console.log = function (text) {
+
+ScratchTools.console.styleLog = function (text, backgroundColor) {
   var styleArray = [
     "padding: 0.1rem",
-    "background-color: lime",
+    "background-color: " + backgroundColor,
     "border-radius: 0.2rem",
     "color: black",
   ];
   console.log("%cScratchTools", styleArray.join(";"), text);
 };
+
+ScratchTools.console.log = function (text) {
+  ScratchTools.console.styleLog(text, "lime");
+};
+
 ScratchTools.console.warn = function (text) {
-  var styleArray = [
-    "padding: 0.1rem",
-    "background-color: yellow",
-    "border-radius: 0.2rem",
-    "color: black",
-  ];
-  console.log("%cScratchTools", styleArray.join(";"), text);
+  ScratchTools.console.styleLog(text, "yellow");
 };
+
 ScratchTools.console.error = function (text) {
-  var styleArray = [
-    "padding: 0.1rem",
-    "background-color: #ff9f00",
-    "border-radius: 0.2rem",
-    "color: black",
-  ];
-  console.log("%cScratchTools", styleArray.join(";"), text);
+  ScratchTools.console.styleLog(text, "#ff9f00");
 };

api/main.js

@@ -73,6 +73,7 @@ ScratchTools.managedElements = [];
 ScratchTools.Storage = {};
 ScratchTools.Resources = {};
 ste.console.log("ScratchTools API Created", "ste-main");
+
 if (
   window.location.href.startsWith("https://scratch.mit.edu/projects/") &&
   window.location.href.includes("/editor")
@@ -154,6 +155,7 @@ function enableScratchToolsSelectorsMutationObserver() {
     { attributes: true, childList: true, subtree: true }
   );
 }
+
 enableScratchToolsSelectorsMutationObserver();
 
 function returnScratchToolsSelectorsMutationObserverCallbacks() {

api/modal.css

@@ -7,7 +7,7 @@
   position: fixed;
   left: 0px;
   top: 0px;
-  z-index: 999999999999999;
+  z-index: 2147483646;
 }
 
 .st-modal {
@@ -19,7 +19,7 @@
   background-color: #fafafa;
   border-radius: 0.5rem;
   padding-top: 3rem;
-  z-index: 999999999999999999999;
+  z-index: 2147483647;
 }
 
 .st-modal h1 {

extras/modals.css

@@ -7,7 +7,7 @@
   position: fixed;
   left: 0px;
   top: 0px;
-  z-index: 999999999999999;
+  z-index: 2147483646;
 }
 
 .st-modal {
@@ -19,7 +19,7 @@
   background-color: var(--background);
   border-radius: 0.5rem;
   padding-top: 3rem;
-  z-index: 999999999999999999999;
+  z-index: 2147483647;
 }
 
 .st-modal h1 {

features/project-bar/style.css

@@ -3,7 +3,7 @@
     position: fixed;
     right: 3rem;
     top: 5rem;
-    z-index: 9999999999999;
+    z-index: 2147483644;
     width: 40rem;
     padding: 1rem;
     border-radius: .5rem;