From d9c246d8dc36f04ae8b953e0b03cec8f3b67bce4 Mon Sep 17 00:00:00 2001
From: diepzeevogel <cedricanne97@hotmail.com>
Date: Tue, 19 May 2026 15:35:33 +0200
Subject: [PATCH 1/2] rename upload tab to instructions, recolor copy and
 delete buttons, remove upload button

---
 Blockly4Arduino/blockly4Arduino/color.css | 33 +++++++++++++++++++++++
 Blockly4Arduino/index.html                | 16 ++++-------
 Blockly4Arduino/index_en.html             | 14 ++++------
 Blockly4Arduino/ledup.html                | 12 +++------
 Blockly4Arduino/ledup_en.html             | 12 +++------
 5 files changed, 51 insertions(+), 36 deletions(-)

diff --git a/Blockly4Arduino/blockly4Arduino/color.css b/Blockly4Arduino/blockly4Arduino/color.css
index d0ce76f..e327eac 100644
--- a/Blockly4Arduino/blockly4Arduino/color.css
+++ b/Blockly4Arduino/blockly4Arduino/color.css
@@ -1455,6 +1455,7 @@ button.launch:hover,
   position: relative;
   z-index: 1;
   background-color: transparent !important;
+  background: transparent !important; /* Ensure no background on the button itself */
   font-size: 1em;
   /* Move background to ::before */
 }
@@ -1502,6 +1503,38 @@ button.launch:hover,
   box-shadow: none !important;
 }
 
+/* Active dropdown tab state */
+.tabmax .open > .dropdown-toggle {
+  color: white !important;
+}
+.tabmax .open > .dropdown-toggle::before {
+  background: #174d17 !important;
+}
+
+.tabmax .btn-copy {
+  color: white !important;
+}
+
+.tabmax .btn-copy::before {
+  background: #fab415 !important;
+}
+
+.tabmax .btn-copy:hover::before {
+  background: #e6a312 !important;
+}
+
+.tabmax .btn-discard {
+  color: white !important;
+}
+
+.tabmax .btn-discard::before {
+  background: #d43 !important;
+}
+
+.tabmax .btn-discard:hover::before {
+  background: #b32b22 !important;
+}
+
 /* Sidebar Icons Styling to match layout */
 ul.side-nav i {
   color: #174d17 !important;
diff --git a/Blockly4Arduino/index.html b/Blockly4Arduino/index.html
index 98303bb..fa4f12e 100644
--- a/Blockly4Arduino/index.html
+++ b/Blockly4Arduino/index.html
@@ -147,14 +147,13 @@
             <td class="tabmin">&nbsp;</td>
             <!--td id="tab_arduino" class="taboff" onclick="Blockly4Arduino.tabClick('arduino')">Arduino</td>
             <td class="tabmin">&nbsp;</td-->
-            <td id="tab_codebender" class="taboff" onclick="Blockly4Arduino.tabClick('codebender')">Upload</td>
+            <td id="tab_codebender" class="taboff" onclick="Blockly4Arduino.tabClick('codebender')">Instructies</td>
             <td class="tabmin">&nbsp;</td>
             <td id="tab_xml" class="taboff" onclick="Blockly4Arduino.tabClick('xml')">XML</td>
             <td class="tabmax">
               <div class="dropdown">
                 <div class="btn-group">
-                  <button class="btn btn-primary btn-md dropdown-toggle" type="button" data-toggle="dropdown"
-                    style="text-transform:None;">Voorbeelden
+                  <button class="btn btn-primary btn-md dropdown-toggle" type="button" data-toggle="dropdown">Voorbeelden
                     <span class="caret"></span></button>
                   <ul class="dropdown-menu">
                     <li class="dropdown-header">Basis Voorbeelden</li>
@@ -209,19 +208,14 @@
                         onclick="Blockly4Arduino.loadServerXmlFile(Blockly4Arduino.EXAMPLE_HTTPURL + 'AllBot/AllBot_remote_control.xml');" />
                     </li>
                   </ul>
-                  <button type="button" class="btn btn-default btn-md" onclick="uploadClick()">
-                    <a class="b4ard_tt" title="" data-placement="top" data-toggle="tooltip" href="#"
-                      data-original-title="Opladen">
-                      <span class="glyphicon glyphicon-play-circle"></span>
-                    </a>
-                  </button>
-                  <button type="button" class="btn btn-success btn-md" onclick="copyCode()">
+
+                  <button type="button" class="btn btn-md btn-copy" onclick="copyCode()">
                     <a class="b4ard_tt" title="" data-placement="top" data-toggle="tooltip" href="#"
                       data-original-title="Code Kopiëren">
                       <span class="glyphicon glyphicon glyphicon-copy"></span>
                     </a>
                   </button>
-                  <button type="button" class="btn btn-warning btn-md" onclick="discard()">
+                  <button type="button" class="btn btn-md btn-discard" onclick="discard()">
                     <a class="b4ard_tt" title="" data-placement="top" data-toggle="tooltip" href="#"
                       data-original-title="Herbeginnen">
                       <span class="glyphicon glyphicon-trash"></span>
diff --git a/Blockly4Arduino/index_en.html b/Blockly4Arduino/index_en.html
index a96d899..9cda26f 100644
--- a/Blockly4Arduino/index_en.html
+++ b/Blockly4Arduino/index_en.html
@@ -145,13 +145,13 @@
             <td class="tabmin">&nbsp;</td>
             <!--td id="tab_arduino" class="taboff" onclick="Blockly4Arduino.tabClick('arduino')">Arduino</td>
             <td class="tabmin">&nbsp;</td-->
-            <td id="tab_codebender" class="taboff" onclick="Blockly4Arduino.tabClick('codebender')">Upload</td>
+            <td id="tab_codebender" class="taboff" onclick="Blockly4Arduino.tabClick('codebender')">Instructions</td>
             <td class="tabmin">&nbsp;</td>
             <td id="tab_xml" class="taboff" onclick="Blockly4Arduino.tabClick('xml')">XML</td>
             <td class="tabmax">
               <div class="dropdown">
               <div class="btn-group">
-                <button class="btn btn-primary btn-md dropdown-toggle" type="button" data-toggle="dropdown" style="text-transform:None;">Examples
+                <button class="btn btn-primary btn-md dropdown-toggle" type="button" data-toggle="dropdown">Examples
                   <span class="caret"></span></button>
                   <ul class="dropdown-menu">
                     <li class="dropdown-header">Basic Examples</li>
@@ -178,17 +178,13 @@
                     <li><input id="ex_allbot02" type="button" class="buttonlink" value="02: Allbot VR408 Walk and Wave" onclick="Blockly4Arduino.loadServerXmlFile(Blockly4Arduino.EXAMPLE_HTTPURL + 'AllBot/AllBot_VR408_WalkWave.xml');" /></li>
                     <li><input id="ex_allbot03" type="button" class="buttonlink" value="03: Allbot VR408 Remote Control" onclick="Blockly4Arduino.loadServerXmlFile(Blockly4Arduino.EXAMPLE_HTTPURL + 'AllBot/AllBot_remote_control.xml');" /></li>
                   </ul>
-                <button type="button" class="btn btn-default btn-md" onclick="uploadClick()">
-                  <a class="b4ard_tt" title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Upload">
-                    <span class="glyphicon glyphicon-play-circle"></span>
-                  </a>
-                </button>
-                <button type="button" class="btn btn-success btn-md" onclick="copyCode()">
+
+                <button type="button" class="btn btn-md btn-copy" onclick="copyCode()">
                     <a class="b4ard_tt" title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Copy Code">
                     <span class="glyphicon glyphicon glyphicon-copy"></span>
                   </a>
                 </button>
-                <button type="button" class="btn btn-warning btn-md" onclick="discard()">
+                <button type="button" class="btn btn-md btn-discard" onclick="discard()">
                    <a class="b4ard_tt" title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Discard">
                      <span class="glyphicon glyphicon-trash"></span>
                     </a>
diff --git a/Blockly4Arduino/ledup.html b/Blockly4Arduino/ledup.html
index a7acbe0..709583c 100644
--- a/Blockly4Arduino/ledup.html
+++ b/Blockly4Arduino/ledup.html
@@ -146,7 +146,7 @@
             <td class="tabmin">&nbsp;</td>
             <!--td id="tab_arduino" class="taboff" onclick="Blockly4Arduino.tabClick('arduino')">Arduino</td>
             <td class="tabmin">&nbsp;</td-->
-            <td id="tab_codebender" class="taboff" onclick="Blockly4Arduino.tabClick('codebender')">Upload</td>
+            <td id="tab_codebender" class="taboff" onclick="Blockly4Arduino.tabClick('codebender')">Instructies</td>
             <td class="tabmin">&nbsp;</td>
             <td id="tab_xml" class="taboff" onclick="Blockly4Arduino.tabClick('xml')">XML</td>
             <td class="tabmax">
@@ -169,17 +169,13 @@
                     <li><input id="ex_LUK04" type="button" class="buttonlink" value="04: Meerdere effecten" onclick="Blockly4Arduino.loadServerXmlFile(Blockly4Arduino.EXAMPLE_HTTPURL + 'LedUpKidz_04_combineren.xml');" /></li>
                     <li><input id="ex_LUK05" type="button" class="buttonlink" value="05: Extra: Loops" onclick="Blockly4Arduino.loadServerXmlFile(Blockly4Arduino.EXAMPLE_HTTPURL + 'LedUpKidz_05_loops.xml');" /></li>
                   </ul>
-                <button type="button" class="btn btn-default btn-md" onclick="uploadClick()">
-                  <a class="b4ard_tt" title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Opladen">
-                    <span class="glyphicon glyphicon-play-circle"></span>
-                  </a>
-                </button>
-                <button type="button" class="btn btn-success btn-md" onclick="copyCode()">
+
+                <button type="button" class="btn btn-md btn-copy" onclick="copyCode()">
                     <a class="b4ard_tt" title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Code Kopiëren">
                     <span class="glyphicon glyphicon glyphicon-copy"></span>
                   </a>
                 </button>
-                <button type="button" class="btn btn-warning btn-md" onclick="discard()">
+                <button type="button" class="btn btn-md btn-discard" onclick="discard()">
                    <a class="b4ard_tt" title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Herbeginnen">
                      <span class="glyphicon glyphicon-trash"></span>
                     </a>
diff --git a/Blockly4Arduino/ledup_en.html b/Blockly4Arduino/ledup_en.html
index dbffea0..bbc15e2 100644
--- a/Blockly4Arduino/ledup_en.html
+++ b/Blockly4Arduino/ledup_en.html
@@ -146,7 +146,7 @@
             <td class="tabmin">&nbsp;</td>
             <!--td id="tab_arduino" class="taboff" onclick="Blockly4Arduino.tabClick('arduino')">Arduino</td>
             <td class="tabmin">&nbsp;</td-->
-            <td id="tab_codebender" class="taboff" onclick="Blockly4Arduino.tabClick('codebender')">Upload</td>
+            <td id="tab_codebender" class="taboff" onclick="Blockly4Arduino.tabClick('codebender')">Instructions</td>
             <td class="tabmin">&nbsp;</td>
             <td id="tab_xml" class="taboff" onclick="Blockly4Arduino.tabClick('xml')">XML</td>
             <td class="tabmax">
@@ -169,17 +169,13 @@
                     <li><input id="ex_LUK04" type="button" class="buttonlink" value="04: Combining Effects" onclick="Blockly4Arduino.loadServerXmlFile(Blockly4Arduino.EXAMPLE_HTTPURL + 'LedUpKidz_04_combineren_en.xml');" /></li>
                     <li><input id="ex_LUK05" type="button" class="buttonlink" value="05: Extra: Loops" onclick="Blockly4Arduino.loadServerXmlFile(Blockly4Arduino.EXAMPLE_HTTPURL + 'LedUpKidz_05_loops_en.xml');" /></li>
                   </ul>
-                <button type="button" class="btn btn-default btn-md" onclick="uploadClick()">
-                  <a class="b4ard_tt" title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Upload">
-                    <span class="glyphicon glyphicon-play-circle"></span>
-                  </a>
-                </button>
-                <button type="button" class="btn btn-success btn-md" onclick="copyCode()">
+
+                <button type="button" class="btn btn-md btn-copy" onclick="copyCode()">
                     <a class="b4ard_tt" title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Copy Code">
                     <span class="glyphicon glyphicon glyphicon-copy"></span>
                   </a>
                 </button>
-                <button type="button" class="btn btn-warning btn-md" onclick="discard()">
+                <button type="button" class="btn btn-md btn-discard" onclick="discard()">
                    <a class="b4ard_tt" title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Discard">
                      <span class="glyphicon glyphicon-trash"></span>
                     </a>

From 7c6f34fada951c31306b2d0bf0067994111d027e Mon Sep 17 00:00:00 2001
From: diepzeevogel <cedricanne97@hotmail.com>
Date: Tue, 19 May 2026 15:47:54 +0200
Subject: [PATCH 2/2] removed comments in colors.css

---
 Blockly4Arduino/blockly4Arduino/color.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Blockly4Arduino/blockly4Arduino/color.css b/Blockly4Arduino/blockly4Arduino/color.css
index e327eac..29b9fee 100644
--- a/Blockly4Arduino/blockly4Arduino/color.css
+++ b/Blockly4Arduino/blockly4Arduino/color.css
@@ -473,18 +473,18 @@ border-right: 0;
   background-color: #cade80;
   color: #221f1f;
   -moz-transition: background-color 0.6s ease-in;
-  ;
   -o-transition: background-color 0.6s ease-in;
   -webkit-transition: background-color 0.6s ease-in;
+  transition: background-color 0.6s ease-in;
 }
 
 .ide_output_header_error {
   background-color: #fab415;
   color: #221f1f;
   -moz-transition: background-color 0.6s ease-in;
-  ;
   -o-transition: background-color 0.6s ease-in;
   -webkit-transition: background-color 0.6s ease-in;
+  transition: background-color 0.6s ease-in;
 }
 
 #content_ide_output {