diff --git a/blocks.js b/blocks.js
index d1a1962..d6922d7 100644
--- a/blocks.js
+++ b/blocks.js
@@ -24,7 +24,7 @@ export default Blockly.Theme.defineTheme("flock", {
 	base: Blockly.Themes.Modern,
 	componentStyles: {
 		workspaceBackgroundColour: "white",
-		//'toolboxBackgroundColour': 'blackBackground',
+		toolboxBackgroundColour: '#ffffff66',
 		//'toolboxForegroundColour': '#fff',
 		//'flyoutBackgroundColour': '#252526',
 		//'flyoutForegroundColour': '#ccc',
@@ -39,8 +39,8 @@ export default Blockly.Theme.defineTheme("flock", {
 });
 
 const options = {
-	theme: Blockly.Themes.Modern,
-	renderer: "zelos", //"flock",
+	theme: Blockly.Themes.Modern, // "flock"
+	renderer: "zelos", 
 	zoom: {
 		controls: true,
 		wheel: false,
diff --git a/dev-dist/sw.js b/dev-dist/sw.js
index dbac397..b6411c0 100644
--- a/dev-dist/sw.js
+++ b/dev-dist/sw.js
@@ -91,7 +91,7 @@ define(['./workbox-07658ed7'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.a8fvul1kbjo"
+    "revision": "0.iealvmea8lg"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/index.html b/index.html
index 6b0c3e6..cf9a995 100644
--- a/index.html
+++ b/index.html
@@ -9,43 +9,38 @@
     <link rel="apple-touch-icon" href="/images/apple-touch-icon.png" />
     <link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
     <link rel="icon" href="/images/favicon.svg" type="image/svg+xml" />
-    
+
     <meta name="theme-color" content="#800080" />
     <style>
-      /*.blocklyText {
+      /*
+      .blocklyText {
           fill: black !important;
-          font-weight: normal !important;
-          font-family: 'Asap', Helvetica, Arial, Lucida, sans-serif;
+          
       }
 
       .zelos-renderer.classic-theme .blocklyDropDownText {
           fill: black !important; 
-      cursor: pointer;
+
       }
 
       .zelos-renderer.classic-theme .blocklyDropdownText {
           fill: black !important; 
-      cursor: pointer;
 
-      }
-      
-   
-      */
+      }*/
 
       .zelos-renderer.classic-theme .blocklyEditableText {
-        
-      cursor: pointer !important;
-
+        cursor: pointer !important;
       }
 
-      .zelos-renderer.classic-theme .blocklyText, .zelos-renderer.classic-theme .blocklyFlyoutLabelText {
-          font-weight: 500 !important;
-          font-family: 'Asap', Helvetica, Arial, Lucida, sans-serif !important;
+      .zelos-renderer.classic-theme .blocklyText,
+      .zelos-renderer.classic-theme .blocklyFlyoutLabelText {
+        font-weight: 500 !important;
+        font-family: "Asap", Helvetica, Arial, Lucida, sans-serif !important;
       }
 
       .blocklyTreeLabel {
         font-weight: normal !important;
-        font-family: 'Asap', Helvetica, Arial, Lucida, sans-serif !important;
+        font-family: "Asap", Helvetica, Arial, Lucida, sans-serif !important;
       }
 
       .blocklyDropDownArrow {
@@ -62,12 +57,23 @@
         z-index: 70;
       }
 
-      .blockly-ws-search-current {
-        fill: white;
+      .blockly-ws-search {
+          background: white;
+        margin-top: 5px;
+          border: solid #ee5d6c 4px;
+          box-shadow: 0px 10px 20px grey;
+          justify-content: center;
+          padding: 0.25em;
+          position: absolute;
+          z-index: 70;
       }
-
-      .blockly-ws-search-highlight {
-        fill: #defd6c;
+      
+      path.blocklyPath.blockly-ws-search-highlight {
+        fill: #ed808b;
+      }
+      
+      path.blocklyPath.blockly-ws-search-highlight.blockly-ws-search-current {
+        fill: #ee5d6c;
       }
 
       body {
@@ -77,11 +83,14 @@
         margin: 0px;
         gap: 0;
         box-sizing: border-box;
-         font-family: 'Asap', Helvetica, Arial, Lucida, sans-serif !important;
+        font-family: "Asap", Helvetica, Arial, Lucida, sans-serif !important;
       }
 
-      input, textarea, button {font-family: inherit}
-
+      input,
+      textarea,
+      button {
+        font-family: inherit;
+      }
 
       #menu {
         display: flex;
diff --git a/main.js b/main.js
index c91628b..5ce8417 100644
--- a/main.js
+++ b/main.js
@@ -70,8 +70,8 @@ workspace.addChangeListener(function (event) {
 
 workspace.addChangeListener(Blockly.Events.disableOrphans);
 
-//Blockly.utils.colour.setHsvSaturation(0.20) // 0 (inclusive) to 1 (exclusive), defaulting to 0.45
-//Blockly.utils.colour.setHsvValue(0.70) // 0 (inclusive) to 1 (exclusive), defaulting to 0.65
+//Blockly.utils.colour.setHsvSaturation(0.2) // 0 (inclusive) to 1 (exclusive), defaulting to 0.45
+//Blockly.utils.colour.setHsvValue(0.95) // 0 (inclusive) to 1 (exclusive), defaulting to 0.65
 
 function createEngine() {
 	if (engine) {