diff --git a/libs/ev3/ns.ts b/libs/ev3/ns.ts
index d498c73c..9f2aed53 100644
--- a/libs/ev3/ns.ts
+++ b/libs/ev3/ns.ts
@@ -3,11 +3,11 @@
 namespace input {
 }
 
-//% color="#DF5014" weight=90 icon="\uf185"
+//% color="#8AC044" weight=90 icon="\uf185"
 namespace output {
 }
 
-//% color="#F55D3E"
+//% color="#DF5014" weight=80
 namespace music {
 
 }
diff --git a/theme/site/globals/site.variables b/theme/site/globals/site.variables
index acc10984..f25365bc 100644
--- a/theme/site/globals/site.variables
+++ b/theme/site/globals/site.variables
@@ -25,7 +25,7 @@
 @blue: #008ad2;
 @yellow: #fccd00;
 @orange: #fa7f2a;
-@green: #9acc1f;
+@green: @brightYellowishGreen;
 
 /* Lego official colors */
 
diff --git a/theme/style.less b/theme/style.less
index 0bc02c63..766ea0b9 100644
--- a/theme/style.less
+++ b/theme/style.less
@@ -44,7 +44,7 @@
 
 /* Menu bar colors */
 #menubar .ui.item {
-    color: @blue;
+    color: @red;
 }
 
 /* logo */
@@ -64,9 +64,9 @@
 
 div.blocklyTreeRow {
     border-radius: 0px;
-    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,0.50);
-    -moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,0.50);
-    box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,0.50);
+    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);
+    -moz-box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);
+    box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);
 }
 
 div.blocklyTreeRoot div div div div div.blocklyTreeRow {
@@ -95,7 +95,7 @@ span.blocklyTreeLabel {
 
 /* Editor menu toggle */
 #menubar .ui.menu .item.editor-menuitem {
-    background: @red !important;
+    background: @blue !important;
 }
 #menubar .ui.menu .item.editor-menuitem .item {
     color: white !important;