diff --git a/boards/default_src/micropython_educore/css/color_esp32c3_mixgocc.css b/boards/default_src/micropython_educore/css/color_esp32c3_mixgocc.css
index 2687596f..002cf8a0 100644
--- a/boards/default_src/micropython_educore/css/color_esp32c3_mixgocc.css
+++ b/boards/default_src/micropython_educore/css/color_esp32c3_mixgocc.css
@@ -1,376 +1,469 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port2.png') no-repeat;
+    background-size: 100% auto;
 }
-#catOnBoardSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
+
+#catOnBoardSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardDisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_onboard.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_new2.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catME_GO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act.png') no-repeat;
+
+#catME_GO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act.png') no-repeat;
     background-size: 100% auto;
 }
-#catME_GO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act2.png') no-repeat;
+
+#catME_GO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act2.png') no-repeat;
     background-size: 100% auto;
 }
-#catME_G1.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
+
+#catME_G1.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
     background-size: 100% auto;
 }
-#catME_G1.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
+
+#catME_G1.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
     background-size: 100% auto;
 }
-#catCC_G1.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
+
+#catCC_G1.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
     background-size: 100% auto;
 }
-#catCC_G1.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
+
+#catCC_G1.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMINI_G2.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
+
+#catMINI_G2.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
     background-size: 100% auto;
 }
-#catMINI_G2.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
+
+#catMINI_G2.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_extern.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_extern.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix.png') no-repeat;
+
+#catMatrix.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix2.png') no-repeat;
+
+#catMatrix.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix2.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+#catLCD.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+#catLCD.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+#catOLED.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+#catOLED.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+#catTFT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+#catTFT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file.png') no-repeat;
+
+#catFile.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file2.png') no-repeat;
+
+#catFile.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catBLE.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catBLE.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catIR.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catIR.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catI2C.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catI2C.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catSPI.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catSPI.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catRadio.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catRadio.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catOneWire.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catOneWire.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catESPNow.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catESPNow.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catLora.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catLora.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net3.png') no-repeat;
+
+#catNetwork.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net3.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net2.png') no-repeat;
+
+#catNetwork.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet.png') no-repeat;
+
+#catOnenet.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet2.png') no-repeat;
+
+#catOnenet.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk.png') no-repeat;
+
+#catBlynk.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk2.png') no-repeat;
+
+#catBlynk.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio.png') no-repeat;
+
+#catMixIO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio2.png') no-repeat;
+
+#catMixIO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio2.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather.png') no-repeat;
+
+#catweather.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather2.png') no-repeat;
+
+#catweather.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai.png') no-repeat;
+
+#catAIOT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai2.png') no-repeat;
+
+#catAIOT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory3.png') no-repeat;
+
+#catFactory.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory3.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory4.png') no-repeat;
+
+#catFactory.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory4.png') no-repeat;
     background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests.png') no-repeat;
-    background-size: 100% auto; 
+
+#catCommunicate.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests.png') no-repeat;
+    background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests2.png') no-repeat;
-    background-size: 100% auto; 
+
+#catCommunicate.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests2.png') no-repeat;
+    background-size: 100% auto;
 }
-#catBLEC.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catBLEC.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEC.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catBLEC.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEKM.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catBLEKM.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEKM.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catBLEKM.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/micropython_esp32/css/color_esp32_mixgo.css b/boards/default_src/micropython_esp32/css/color_esp32_mixgo.css
index 9d7b2efc..cfe73d8a 100644
--- a/boards/default_src/micropython_esp32/css/color_esp32_mixgo.css
+++ b/boards/default_src/micropython_esp32/css/color_esp32_mixgo.css
@@ -1,362 +1,450 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port2.png') no-repeat;
+    background-size: 100% auto;
 }
 
 
-#catOnBoardSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
+#catOnBoardSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardDisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_onboard.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_new2.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardOled.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_onboard.png') no-repeat;
+
+#catOnBoardOled.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardOled.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_new2.png') no-repeat;
+
+#catOnBoardOled.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catPE_G1.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act.png') no-repeat;
+
+#catPE_G1.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act.png') no-repeat;
     background-size: 100% auto;
 }
-#catPE_G1.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act2.png') no-repeat;
+
+#catPE_G1.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_extern.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_extern.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix.png') no-repeat;
+
+#catMatrix.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix2.png') no-repeat;
+
+#catMatrix.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+#catOLED.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+#catOLED.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+#catTFT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+#catTFT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+#catLCD.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+#catLCD.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file.png') no-repeat;
+
+#catFile.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file2.png') no-repeat;
+
+#catFile.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catBLE.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catBLE.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catIR.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catIR.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catI2C.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catI2C.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catSPI.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catSPI.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catRadio.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catRadio.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catOneWire.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catOneWire.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catESPNow.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catESPNow.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catLora.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catLora.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net3.png') no-repeat;
+
+#catNetwork.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net3.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net2.png') no-repeat;
+
+#catNetwork.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet.png') no-repeat;
+
+#catOnenet.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet2.png') no-repeat;
+
+#catOnenet.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk.png') no-repeat;
+
+#catBlynk.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk2.png') no-repeat;
+
+#catBlynk.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio.png') no-repeat;
+
+#catMixIO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio2.png') no-repeat;
+
+#catMixIO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai.png') no-repeat;
+
+#catAIOT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai2.png') no-repeat;
+
+#catAIOT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai2.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather.png') no-repeat;
+
+#catweather.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather2.png') no-repeat;
+
+#catweather.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory3.png') no-repeat;
+
+#catFactory.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory3.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory4.png') no-repeat;
+
+#catFactory.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory4.png') no-repeat;
     background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests.png') no-repeat;
-    background-size: 100% auto; 
-}
-#catCommunicate.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests2.png') no-repeat;
-    background-size: 100% auto; 
-}
-#catBLEC.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catCommunicate.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEC.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catCommunicate.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEKM.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catBLEC.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEKM.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catBLEC.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBLEKM.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBLEKM.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/micropython_esp32c2/css/color_esp32c3_mixgocc.css b/boards/default_src/micropython_esp32c2/css/color_esp32c3_mixgocc.css
index 2687596f..002cf8a0 100644
--- a/boards/default_src/micropython_esp32c2/css/color_esp32c3_mixgocc.css
+++ b/boards/default_src/micropython_esp32c2/css/color_esp32c3_mixgocc.css
@@ -1,376 +1,469 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port2.png') no-repeat;
+    background-size: 100% auto;
 }
-#catOnBoardSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
+
+#catOnBoardSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardDisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_onboard.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_new2.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catME_GO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act.png') no-repeat;
+
+#catME_GO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act.png') no-repeat;
     background-size: 100% auto;
 }
-#catME_GO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act2.png') no-repeat;
+
+#catME_GO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act2.png') no-repeat;
     background-size: 100% auto;
 }
-#catME_G1.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
+
+#catME_G1.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
     background-size: 100% auto;
 }
-#catME_G1.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
+
+#catME_G1.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
     background-size: 100% auto;
 }
-#catCC_G1.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
+
+#catCC_G1.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
     background-size: 100% auto;
 }
-#catCC_G1.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
+
+#catCC_G1.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMINI_G2.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
+
+#catMINI_G2.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
     background-size: 100% auto;
 }
-#catMINI_G2.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
+
+#catMINI_G2.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_extern.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_extern.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix.png') no-repeat;
+
+#catMatrix.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix2.png') no-repeat;
+
+#catMatrix.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix2.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+#catLCD.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+#catLCD.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+#catOLED.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+#catOLED.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+#catTFT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+#catTFT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file.png') no-repeat;
+
+#catFile.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file2.png') no-repeat;
+
+#catFile.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catBLE.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catBLE.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catIR.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catIR.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catI2C.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catI2C.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catSPI.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catSPI.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catRadio.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catRadio.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catOneWire.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catOneWire.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catESPNow.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catESPNow.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catLora.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catLora.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net3.png') no-repeat;
+
+#catNetwork.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net3.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net2.png') no-repeat;
+
+#catNetwork.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet.png') no-repeat;
+
+#catOnenet.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet2.png') no-repeat;
+
+#catOnenet.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk.png') no-repeat;
+
+#catBlynk.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk2.png') no-repeat;
+
+#catBlynk.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio.png') no-repeat;
+
+#catMixIO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio2.png') no-repeat;
+
+#catMixIO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio2.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather.png') no-repeat;
+
+#catweather.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather2.png') no-repeat;
+
+#catweather.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai.png') no-repeat;
+
+#catAIOT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai2.png') no-repeat;
+
+#catAIOT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory3.png') no-repeat;
+
+#catFactory.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory3.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory4.png') no-repeat;
+
+#catFactory.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory4.png') no-repeat;
     background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests.png') no-repeat;
-    background-size: 100% auto; 
+
+#catCommunicate.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests.png') no-repeat;
+    background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests2.png') no-repeat;
-    background-size: 100% auto; 
+
+#catCommunicate.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests2.png') no-repeat;
+    background-size: 100% auto;
 }
-#catBLEC.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catBLEC.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEC.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catBLEC.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEKM.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catBLEKM.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEKM.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catBLEKM.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/micropython_esp32c3/css/color_esp32c3_mixgocc.css b/boards/default_src/micropython_esp32c3/css/color_esp32c3_mixgocc.css
index 96e647ef..e5083a8e 100644
--- a/boards/default_src/micropython_esp32c3/css/color_esp32c3_mixgocc.css
+++ b/boards/default_src/micropython_esp32c3/css/color_esp32c3_mixgocc.css
@@ -1,369 +1,459 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port2.png') no-repeat;
-    background-size: 100% auto; 
-}
-#catOnBoardSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
-    background-size: 100% auto;
-}
-#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
-    background-size: 100% auto;
-}
-#catOnBoardActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
-    background-size: 100% auto;
-}
-#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
-    background-size: 100% auto;
-}
-#catOnBoardDisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_onboard.png') no-repeat;
-    background-size: 100% auto;
-}
-#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_new2.png') no-repeat;
-    background-size: 100% auto;
-}
-#catME_GO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act.png') no-repeat;
-    background-size: 100% auto;
-}
-#catME_GO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act2.png') no-repeat;
-    background-size: 100% auto;
-}
-#catME_G1.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
-    background-size: 100% auto;
-}
-#catME_G1.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
-    background-size: 100% auto;
-}
-#catCC_G1.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
-    background-size: 100% auto;
-}
-#catCC_G1.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
     background-size: 100% auto;
 }
 
-#catExternSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_extern.png') no-repeat;
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_extern.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port2.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catOnBoardSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catME_GO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catME_GO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catME_G1.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catME_G1.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catCC_G1.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catCC_G1.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net3.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net2.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet2.png') no-repeat;
+
+#catMatrix.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk.png') no-repeat;
+
+#catMatrix.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk2.png') no-repeat;
+
+#catOLED.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio.png') no-repeat;
+
+#catOLED.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio2.png') no-repeat;
+
+#catTFT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather.png') no-repeat;
+
+#catTFT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather2.png') no-repeat;
+
+#catLCD.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai.png') no-repeat;
+
+#catLCD.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai2.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory3.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory4.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests.png') no-repeat;
-    background-size: 100% auto; 
-}
-#catCommunicate.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests2.png') no-repeat;
-    background-size: 100% auto; 
-}
-#catBLEC.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEC.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEKM.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEKM.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catFile.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catFile.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBLE.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBLE.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catIR.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catIR.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catI2C.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catI2C.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catSPI.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catSPI.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catRadio.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catRadio.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catOneWire.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catOneWire.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catESPNow.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catESPNow.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catLora.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catLora.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catNetwork.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catNetwork.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catOnenet.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catOnenet.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBlynk.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBlynk.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catMixIO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catMixIO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catweather.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catweather.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catAIOT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catAIOT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catFactory.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catFactory.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory4.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catCommunicate.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catCommunicate.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBLEC.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBLEC.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBLEKM.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBLEKM.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/micropython_esp32s2/css/color_esp32s2_mixgoce.css b/boards/default_src/micropython_esp32s2/css/color_esp32s2_mixgoce.css
index bd28e660..5544f629 100644
--- a/boards/default_src/micropython_esp32s2/css/color_esp32s2_mixgoce.css
+++ b/boards/default_src/micropython_esp32s2/css/color_esp32s2_mixgoce.css
@@ -1,352 +1,439 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port2.png') no-repeat;
-    background-size: 100% auto; 
-}
-#catOnBoardSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardDisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_onboard.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_new2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
     background-size: 100% auto;
 }
-#catME_GO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
     background-size: 100% auto;
 }
-#catME_GO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
     background-size: 100% auto;
 }
-#catCE_G6.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
     background-size: 100% auto;
 }
-#catCE_G6.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
     background-size: 100% auto;
 }
-#catCC_G1.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
     background-size: 100% auto;
 }
-#catCC_G1.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_extern.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_extern.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port2.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
+
+#catOnBoardSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
+
+#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file.png') no-repeat;
+
+#catME_GO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file2.png') no-repeat;
+
+#catME_GO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catCE_G6.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catCE_G6.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act2.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catCC_G1.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catCC_G1.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catMatrix.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catMatrix.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catOLED.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catOLED.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catTFT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catTFT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catLCD.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catLCD.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net3.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net2.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet2.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk2.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio.png') no-repeat;
+
+#catFile.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio2.png') no-repeat;
+
+#catFile.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file2.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather.png') no-repeat;
+
+#catBLE.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather2.png') no-repeat;
+
+#catBLE.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai.png') no-repeat;
+
+#catIR.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai2.png') no-repeat;
+
+#catIR.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory3.png') no-repeat;
+
+#catI2C.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory4.png') no-repeat;
+
+#catI2C.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests.png') no-repeat;
-    background-size: 100% auto; 
+
+#catSPI.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests2.png') no-repeat;
-    background-size: 100% auto; 
+
+#catSPI.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catRadio.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catRadio.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catOneWire.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catOneWire.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catESPNow.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catESPNow.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catLora.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catLora.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catNetwork.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catNetwork.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catOnenet.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catOnenet.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBlynk.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBlynk.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catMixIO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catMixIO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catweather.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catweather.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catAIOT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catAIOT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catFactory.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catFactory.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory4.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catCommunicate.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catCommunicate.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests2.png') no-repeat;
+    background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/micropython_esp32s3/css/color_esp32s2_mixgoce.css b/boards/default_src/micropython_esp32s3/css/color_esp32s2_mixgoce.css
index 523f5f75..f85ff3c5 100644
--- a/boards/default_src/micropython_esp32s3/css/color_esp32s2_mixgoce.css
+++ b/boards/default_src/micropython_esp32s3/css/color_esp32s2_mixgoce.css
@@ -1,360 +1,449 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port2.png') no-repeat;
-    background-size: 100% auto; 
-}
-#catOnBoardSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardDisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_onboard.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_new2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
     background-size: 100% auto;
 }
-#catSANT_G2.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
     background-size: 100% auto;
 }
-#catSANT_G2.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_extern.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_extern.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+#catOnBoardSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file2.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catSANT_G2.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catSANT_G2.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catMatrix.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catMatrix.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catOLED.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catOLED.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catTFT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catTFT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catLCD.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catLCD.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net3.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net2.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet2.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk2.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio.png') no-repeat;
+
+#catFile.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio2.png') no-repeat;
+
+#catFile.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file2.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather.png') no-repeat;
+
+#catBLE.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather2.png') no-repeat;
+
+#catBLE.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai.png') no-repeat;
+
+#catIR.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai2.png') no-repeat;
+
+#catIR.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory3.png') no-repeat;
+
+#catI2C.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory4.png') no-repeat;
+
+#catI2C.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catNova_G1.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act.png') no-repeat;
+
+#catSPI.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catNova_G1.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act2.png') no-repeat;
+
+#catSPI.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests.png') no-repeat;
-    background-size: 100% auto; 
-}
-#catCommunicate.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests2.png') no-repeat;
-    background-size: 100% auto; 
-}
-#catBLEC.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catRadio.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEC.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catRadio.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEKM.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catOneWire.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLEKM.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catOneWire.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catESPNow.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catESPNow.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catLora.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catLora.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catNetwork.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catNetwork.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catOnenet.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catOnenet.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBlynk.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBlynk.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catMixIO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catMixIO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catweather.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catweather.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catAIOT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catAIOT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catFactory.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catFactory.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory4.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catNova_G1.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catNova_G1.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catCommunicate.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catCommunicate.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBLEC.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBLEC.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBLEKM.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catBLEKM.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/micropython_k210_mixgoai/css/color_k210_mixgoai.css b/boards/default_src/micropython_k210_mixgoai/css/color_k210_mixgoai.css
index af145077..42e1e385 100644
--- a/boards/default_src/micropython_k210_mixgoai/css/color_k210_mixgoai.css
+++ b/boards/default_src/micropython_k210_mixgoai/css/color_k210_mixgoai.css
@@ -1,297 +1,364 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/store.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/store2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(15) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/WIFI.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(15) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/WIFi2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(16) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(16) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(17) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(17) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(18) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/av.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(18) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/av2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(19) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/camera.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(19) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/camera2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(20) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/monitor.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(20) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/monitor2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(21) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/iot.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(21) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/iot2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(21) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/iot3.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(21) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/iot2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(22) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(22) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(23) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/hear.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(23) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/hear2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
+    background-size: 100% auto;
 }
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/store.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/store2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(15)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/WIFI.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(15)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/WIFi2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(16)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(16)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(17)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(17)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(18)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/av.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(18)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/av2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(19)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/camera.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(19)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/camera2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(20)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/monitor.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(20)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/monitor2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(21)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/iot.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(21)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/iot2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(21)>div:nth-child(2)>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/iot3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(21)>div:nth-child(2)>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/iot2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(22)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(22)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(23)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/hear.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(23)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/hear2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
+    background-size: 100% auto;
+}
+
 /*子模块的第一个图标（未选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第一个图标（选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第二个图标（未选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第二个图标（选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第三个图标（未选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第三个图标（选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第四个图标（未选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第四个图标（选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第五个图标（未选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第五个图标（选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第六个图标（未选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第六个图标（选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第七个图标（未选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /*子模块的第七个图标（选中时）*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(24) > div:nth-child(2) > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(24)>div:nth-child(2)>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
+    background-size: 100% auto;
 }
 
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(26) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory3.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(26)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory3.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(26) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory4.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(26)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory4.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(27) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/tool.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(27)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tool.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(27) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/tool2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(27)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tool2.png') no-repeat;
+    background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests.png') no-repeat;
-    background-size: 100% auto; 
-}
-#catCommunicate.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests2.png') no-repeat;
-    background-size: 100% auto; 
+
+#catCommunicate.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests.png') no-repeat;
+    background-size: 100% auto;
 }
+
+#catCommunicate.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests2.png') no-repeat;
+    background-size: 100% auto;
+}
\ No newline at end of file
diff --git a/boards/default_src/micropython_nrf51822_microbit/css/color_microbit_python_advance.css b/boards/default_src/micropython_nrf51822_microbit/css/color_microbit_python_advance.css
index c196d12a..9a6927d9 100644
--- a/boards/default_src/micropython_nrf51822_microbit/css/color_microbit_python_advance.css
+++ b/boards/default_src/micropython_nrf51822_microbit/css/color_microbit_python_advance.css
@@ -1,160 +1,199 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(15) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/monitor.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(15)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/monitor.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(15) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/monitor2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(15)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/monitor2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(16) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(16)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(16) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(16)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(17) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(17)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(17) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(17)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(18) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(18)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(18) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(18)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net2.png') no-repeat;
+    background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests.png') no-repeat;
-    background-size: 100% auto; 
+
+#catCommunicate.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests.png') no-repeat;
+    background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests2.png') no-repeat;
-    background-size: 100% auto; 
+
+#catCommunicate.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests2.png') no-repeat;
+    background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory3.png') no-repeat;
-    background-size: 100% auto; 
+
+#catFactory.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory3.png') no-repeat;
+    background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory4.png') no-repeat;
-    background-size: 100% auto; 
+
+#catFactory.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory4.png') no-repeat;
+    background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/micropython_nrf51822_mithoncc/css/color_mithon.css b/boards/default_src/micropython_nrf51822_mithoncc/css/color_mithon.css
index 5e806afd..4096d924 100644
--- a/boards/default_src/micropython_nrf51822_mithoncc/css/color_mithon.css
+++ b/boards/default_src/micropython_nrf51822_mithoncc/css/color_mithon.css
@@ -1,136 +1,169 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/event.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/event.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/event2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/event2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(15) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/monitor.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(15)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/monitor.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(15) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/monitor2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(15)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/monitor2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(16) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(16)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(16) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(16)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net2.png') no-repeat;
+    background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests.png') no-repeat;
-    background-size: 100% auto; 
+
+#catCommunicate.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests.png') no-repeat;
+    background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests2.png') no-repeat;
-    background-size: 100% auto; 
+
+#catCommunicate.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests2.png') no-repeat;
+    background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/micropython_robot/css/color_esp32_mixgo.css b/boards/default_src/micropython_robot/css/color_esp32_mixgo.css
index b56311c2..70d5446b 100644
--- a/boards/default_src/micropython_robot/css/color_esp32_mixgo.css
+++ b/boards/default_src/micropython_robot/css/color_esp32_mixgo.css
@@ -1,346 +1,430 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/port2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/port2.png') no-repeat;
+    background-size: 100% auto;
 }
 
 
-#catOnBoardSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
+#catOnBoardSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+#catOnBoardSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+#catOnBoardActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardDisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_onboard.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_new2.png') no-repeat;
+
+#catOnBoardDisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardOled.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_onboard.png') no-repeat;
+
+#catOnBoardOled.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_onboard.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnBoardOled.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/display_new2.png') no-repeat;
+
+#catOnBoardOled.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/display_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catPE_G1.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act.png') no-repeat;
+
+#catPE_G1.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act.png') no-repeat;
     background-size: 100% auto;
 }
-#catPE_G1.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/act2.png') no-repeat;
+
+#catPE_G1.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/act2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_extern.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternSensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/sensor_new2.png') no-repeat;
+
+#catExternSensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/sensor_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_extern.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_extern.png') no-repeat;
     background-size: 100% auto;
 }
-#catExternActuator.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/actuator_new2.png') no-repeat;
+
+#catExternActuator.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/actuator_new2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix.png') no-repeat;
+
+#catMatrix.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix.png') no-repeat;
     background-size: 100% auto;
 }
-#catMatrix.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/Matrix2.png') no-repeat;
+
+#catMatrix.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/Matrix2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+#catOLED.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catOLED.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+#catOLED.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+#catTFT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catTFT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+#catTFT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled.png') no-repeat;
+
+#catLCD.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled.png') no-repeat;
     background-size: 100% auto;
 }
-#catLCD.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/oled2.png') no-repeat;
+
+#catLCD.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/oled2.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay.png') no-repeat;
     background-size: 100% auto;
 }
-#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
+
+#cat4Digitdisplay.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/4Digitdisplay2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+#catAIsensor.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIsensor2.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/image2.png') no-repeat;
+
+#catAIsensor2.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/image2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file.png') no-repeat;
+
+#catFile.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file.png') no-repeat;
     background-size: 100% auto;
 }
-#catFile.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file2.png') no-repeat;
+
+#catFile.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catBLE.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catBLE.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catBLE.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catIR.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catIR.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catIR.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catI2C.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catI2C.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catI2C.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catSPI.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catSPI.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catSPI.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catRadio.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catRadio.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catRadio.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catOneWire.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catOneWire.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catOneWire.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catESPNow.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catESPNow.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catESPNow.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni.png') no-repeat;
+
+#catLora.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni.png') no-repeat;
     background-size: 100% auto;
 }
-#catLora.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/comuni2.png') no-repeat;
+
+#catLora.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/comuni2.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net3.png') no-repeat;
+
+#catNetwork.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net3.png') no-repeat;
     background-size: 100% auto;
 }
-#catNetwork.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/net2.png') no-repeat;
+
+#catNetwork.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/net2.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet.png') no-repeat;
+
+#catOnenet.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet.png') no-repeat;
     background-size: 100% auto;
 }
-#catOnenet.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/onenet2.png') no-repeat;
+
+#catOnenet.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/onenet2.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk.png') no-repeat;
+
+#catBlynk.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk.png') no-repeat;
     background-size: 100% auto;
 }
-#catBlynk.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/blynk2.png') no-repeat;
+
+#catBlynk.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/blynk2.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio.png') no-repeat;
+
+#catMixIO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio2.png') no-repeat;
+
+#catMixIO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio2.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai.png') no-repeat;
+
+#catAIOT.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai.png') no-repeat;
     background-size: 100% auto;
 }
-#catAIOT.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai2.png') no-repeat;
+
+#catAIOT.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai2.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather.png') no-repeat;
+
+#catweather.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather.png') no-repeat;
     background-size: 100% auto;
 }
-#catweather.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/weather2.png') no-repeat;
+
+#catweather.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/weather2.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory3.png') no-repeat;
+
+#catFactory.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory3.png') no-repeat;
     background-size: 100% auto;
 }
-#catFactory.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/factory4.png') no-repeat;
+
+#catFactory.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory4.png') no-repeat;
     background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests.png') no-repeat;
-    background-size: 100% auto; 
+
+#catCommunicate.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests.png') no-repeat;
+    background-size: 100% auto;
 }
-#catCommunicate.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests2.png') no-repeat;
-    background-size: 100% auto; 
+
+#catCommunicate.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests2.png') no-repeat;
+    background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/python_mixpy/css/color_mixpy_python_advance.css b/boards/default_src/python_mixpy/css/color_mixpy_python_advance.css
index 8a637ccd..867dfeb1 100644
--- a/boards/default_src/python_mixpy/css/color_mixpy_python_advance.css
+++ b/boards/default_src/python_mixpy/css/color_mixpy_python_advance.css
@@ -1,168 +1,211 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
-}
-
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic2.png') no-repeat;
-    background-size: 100% auto; 
-}
-
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
-}
-
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/tuple.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-    background-size: 100% auto; 
-}
-
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
-}
-
-
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/set.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/set2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio2.png') no-repeat;
-    background-size: 100% auto; 
-}
-#catMixIO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio.png') no-repeat;
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
     background-size: 100% auto;
 }
-#catMixIO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio2.png') no-repeat;
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
     background-size: 100% auto;
 }
 
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(15) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/turtle.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(15) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/turtle2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(16) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(16) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ai2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(17) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/data.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(17) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/data2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(18) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/cv.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(18) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/cv2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(19) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/algorithm.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(19) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/algorithm2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catMixIO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catMixIO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(15)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/turtle.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(15)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/turtle2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(16)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(16)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ai2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(17)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/data.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(17)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/data2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(18)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/cv.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(18)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/cv2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(19)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/algorithm.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(19)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/algorithm2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catFactory.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catFactory.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory4.png') no-repeat;
+    background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/python_mixpy/template.xml b/boards/default_src/python_mixpy/template.xml
index 4af48a52..7b805f49 100644
--- a/boards/default_src/python_mixpy/template.xml
+++ b/boards/default_src/python_mixpy/template.xml
@@ -3728,4 +3728,17 @@
       </value>
     </block>
   </category>
+  <category id="catFactory" name="Factory" colour="#777777">
+    <block type="factory_import"></block>
+    <block type="factory_from_import"></block>
+    <block type="factory_function_noreturn"></block>
+    <block type="factory_function_return"></block>
+    <block type="factory_declare"></block>
+    <block type="factory_callMethod_noreturn"></block>
+    <block type="factory_callMethod_return"></block>
+    <block type="factory_block"></block>
+    <block type="factory_block_return"></block>
+    <block type="factory_block_with_textarea"></block>
+    <block type="factory_block_return_with_textarea"></block>
+  </category>
 </xml>
\ No newline at end of file
diff --git a/boards/default_src/python_pyodide/css/color_mixpy_python_advance.css b/boards/default_src/python_pyodide/css/color_mixpy_python_advance.css
index a15dca00..a8bf8f20 100644
--- a/boards/default_src/python_pyodide/css/color_mixpy_python_advance.css
+++ b/boards/default_src/python_pyodide/css/color_mixpy_python_advance.css
@@ -1,113 +1,134 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/logic2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/tuple.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
+    background-size: 100% auto;
 }
 
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/set.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/set2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/var2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/func2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/file2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/file2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/requests2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/requests2.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /* div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
     background:url('../../../../common/media/mark/mixio.png') no-repeat;
     background-size: 100% auto; 
@@ -126,14 +147,16 @@ div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blo
 } */
 
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/turtle.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/turtle.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/turtle2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/turtle2.png') no-repeat;
+    background-size: 100% auto;
 }
+
 /* div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(16) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
     background:url('../../../../common/media/mark/ai.png') no-repeat;
     background-size: 100% auto; 
@@ -142,27 +165,42 @@ div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(16) > div.blo
     background:url('../../../../common/media/mark/ai2.png') no-repeat;
     background-size: 100% auto; 
 } */
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(15) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/data.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(15)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/data.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(15) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/data2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(15)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/data2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(16) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/cv.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(16)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/cv.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(16) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/cv2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(16)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/cv2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(17) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/algorithm.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(17)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/algorithm.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(17) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/algorithm2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(17)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/algorithm2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catFactory.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catFactory.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/factory4.png') no-repeat;
+    background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/python_pyodide/template.xml b/boards/default_src/python_pyodide/template.xml
index c2b7451c..ab8d189d 100644
--- a/boards/default_src/python_pyodide/template.xml
+++ b/boards/default_src/python_pyodide/template.xml
@@ -3705,4 +3705,17 @@
       </value>
     </block>
   </category>
+  <category id="catFactory" name="Factory" colour="#777777">
+    <block type="factory_import"></block>
+    <block type="factory_from_import"></block>
+    <block type="factory_function_noreturn"></block>
+    <block type="factory_function_return"></block>
+    <block type="factory_declare"></block>
+    <block type="factory_callMethod_noreturn"></block>
+    <block type="factory_callMethod_return"></block>
+    <block type="factory_block"></block>
+    <block type="factory_block_return"></block>
+    <block type="factory_block_with_textarea"></block>
+    <block type="factory_block_return_with_textarea"></block>
+  </category>
 </xml>
\ No newline at end of file
diff --git a/boards/default_src/python_skulpt/css/color_mixpy_python_skulpt.css b/boards/default_src/python_skulpt/css/color_mixpy_python_skulpt.css
index 74e0dba1..904754b9 100644
--- a/boards/default_src/python_skulpt/css/color_mixpy_python_skulpt.css
+++ b/boards/default_src/python_skulpt/css/color_mixpy_python_skulpt.css
@@ -1,130 +1,154 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
-}
-
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/logic.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/logic2.png') no-repeat;
-  background-size: 100% auto; 
-}
-
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
-}
-
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
-}
-
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
-}
-
-
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/var.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/var2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/func.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/func2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio2.png') no-repeat;
-    background-size: 100% auto; 
-}
-#catMixIO.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio.png') no-repeat;
-    background-size: 100% auto;
-}
-#catMixIO.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/mixio2.png') no-repeat;
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
     background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/turtle.png') no-repeat;
-  background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/turtle2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/data.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/data2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
+    background-size: 100% auto;
 }
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catMixIO.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio.png') no-repeat;
+    background-size: 100% auto;
+}
+
+#catMixIO.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/mixio2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/turtle.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/turtle2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/data.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/data2.png') no-repeat;
+    background-size: 100% auto;
+}
+
 /*div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
   background:url('../../../../common/media/mark/machine_learning.png') no-repeat;
   background-size: 100% auto; 
@@ -133,11 +157,12 @@ div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blo
   background:url('../../../../common/media/mark/machine_learning2.png') no-repeat;
   background-size: 100% auto; 
 }*/
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(15) > div:nth-child(2) > div > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/algorithm.png') no-repeat;
-  background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(15)>div:nth-child(2)>div>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/algorithm.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(15) > div:nth-child(2) > div > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/algorithm2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(15)>div:nth-child(2)>div>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/algorithm2.png') no-repeat;
+    background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/python_skulpt_car/css/color_mixpy_python_skulpt.css b/boards/default_src/python_skulpt_car/css/color_mixpy_python_skulpt.css
index db7154ab..da2f8f04 100644
--- a/boards/default_src/python_skulpt_car/css/color_mixpy_python_skulpt.css
+++ b/boards/default_src/python_skulpt_car/css/color_mixpy_python_skulpt.css
@@ -1,120 +1,141 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/logic.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/logic2.png') no-repeat;
-  background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
+    background-size: 100% auto;
 }
 
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/var.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/var2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/func.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/func2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
+    background-size: 100% auto;
 }
 
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/game5.png') no-repeat;
-  background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/game5.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/game6.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/game6.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/data.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/data.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(13) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/data2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(13)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/data2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/machine_learning.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/machine_learning.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(14) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/machine_learning2.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(14)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/machine_learning2.png') no-repeat;
+    background-size: 100% auto;
 }
\ No newline at end of file
diff --git a/boards/default_src/python_skulpt_mixtoy/css/color_mixpy_python_skulpt.css b/boards/default_src/python_skulpt_mixtoy/css/color_mixpy_python_skulpt.css
index fc2ccad7..248a1530 100644
--- a/boards/default_src/python_skulpt_mixtoy/css/color_mixpy_python_skulpt.css
+++ b/boards/default_src/python_skulpt_mixtoy/css/color_mixpy_python_skulpt.css
@@ -1,111 +1,130 @@
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/inout2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/ctrl2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(3) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/math2.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/logic.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(4) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/logic2.png') no-repeat;
-  background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/inout2.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(5) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/text2.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list3.png') no-repeat;
-    background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(6) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/list4.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(7) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/tuple2.png') no-repeat;
-  background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/ctrl2.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict.png') no-repeat;
-    background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(8) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-    background:url('../../../../common/media/mark/dict2.png') no-repeat;
-    background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(3)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/math2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(4)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/logic2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(5)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/text2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list3.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(6)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/list4.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(7)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/tuple2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(8)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/dict2.png') no-repeat;
+    background-size: 100% auto;
 }
 
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(9) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/set2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/var.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(10) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/var2.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/func.png') no-repeat;
-  background-size: 100% auto; 
-}
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(11) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/func2.png') no-repeat;
-  background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set.png') no-repeat;
+    background-size: 100% auto;
 }
 
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/game5.png') no-repeat;
-  background-size: 100% auto; 
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(9)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/set2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div:nth-child(2) > div:nth-child(1) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/game6.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/game5.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(10)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/var2.png') no-repeat;
+    background-size: 100% auto;
 }
-div.blocklyToolboxDiv > div.blocklyToolboxContents > div:nth-child(12) > div:nth-child(2) > div:nth-child(2) > div.blocklyTreeRow.blocklyTreeSelected > div.blocklyTreeRowContentContainer > span.blocklyTreeIcon{
-  background:url('../../../../common/media/mark/game6.png') no-repeat;
-  background-size: 100% auto; 
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(11)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/func2.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div:nth-child(2)>div:nth-child(1)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/game5.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div:nth-child(2)>div:nth-child(1)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/game6.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div:nth-child(2)>div:nth-child(2)>div.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/game5.png') no-repeat;
+    background-size: 100% auto;
+}
+
+div.blocklyToolboxDiv>div.blocklyToolboxContents>div:nth-child(12)>div:nth-child(2)>div:nth-child(2)>div.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
+    background: url('../../../../common/media/mark/game6.png') no-repeat;
+    background-size: 100% auto;
 }
\ No newline at end of file