[ATL-1599] [ATL-1416] Upgrade Theia to 1.18.0 (#489)

Co-authored-by: Alberto Iannaccone <a.iannaccone@arduino.cc>

arduino-ide-extension/src/browser/style/custom-codicon.css

@@ -0,0 +1,4 @@
+.codicon-debug-alt:before { 
+  font-family: 'FontAwesome' !important;
+  content: "\e905" !important
+}

arduino-ide-extension/src/browser/style/index.css

@@ -14,6 +14,7 @@
 @import './sketchbook.css';
 @import './cloud-sketchbook.css';
 @import './fonts.css';
+@import './custom-codicon.css';
 
 .theia-input.warning:focus {
     outline-width: 1px;

arduino-ide-extension/src/browser/style/main.css

@@ -6,6 +6,14 @@
     margin-left: 3px;
 }
 
+.p-TabBar-toolbar .item.arduino-tool-item .toggle-serial-monitor,
+.p-TabBar-toolbar .item.arduino-tool-item .arduino-save-sketch--toolbar,
+.p-TabBar-toolbar .item.arduino-tool-item .arduino-open-sketch--toolbar,
+.p-TabBar-toolbar .item.arduino-tool-item .arduino-new-sketch--toolbar {
+    border-radius: 1px;
+}
+
+
 .p-TabBar-toolbar .item.arduino-tool-item > div {
     display: flex;
     justify-content: center;
@@ -77,8 +85,8 @@
 .arduino-start-debug-icon {
     -webkit-mask: url('../icons/debug-dark.svg') 50%;
     mask: url('../icons/debug-dark.svg') 50%;
-    -webkit-mask-size: 100%;
-    mask-size: 100%;
+    -webkit-mask-size: 70%;
+    mask-size: 70%;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     display: flex;
@@ -171,6 +179,7 @@
 
 #arduino-open-sketch-control--toolbar--container {
     background-color: var(--theia-arduino-toolbar-background);
+    border-radius: 1px;
 }
 
 #arduino-open-sketch-control--toolbar {

arduino-ide-extension/src/browser/style/sketchbook.css

@@ -36,3 +36,12 @@
 #arduino-sketchbook-tree-widget .theia-TreeNodeSegmentGrow {
   flex: 1;
 }
+
+.theia-TreeNode .sketchbook-commands-icons {
+  display: none;
+}
+
+.theia-TreeNode:hover .sketchbook-commands-icons,
+.theia-TreeNode.theia-mod-selected .sketchbook-commands-icons {
+  display: block;
+}