revert toolbar buttons background

Author: francescospissu

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

@@ -192,26 +192,19 @@
 
 /* High Contrast Theme rules */
 /* TODO: Remove it when the Theia version is upgraded to 1.27.0 and use Theia APIs to implement it*/
-.hc-black.hc-theia.theia-hc .p-TabBar-toolbar .item.arduino-tool-item .arduino-upload-sketch--toolbar, 
-.hc-black.hc-theia.theia-hc .p-TabBar-toolbar .item.arduino-tool-item .arduino-verify-sketch--toolbar, 
-.hc-black.hc-theia.theia-hc .p-TabBar-toolbar .item.arduino-tool-item .arduino-start-debug {
-    background: transparent;
-}
-
-.hc-black.hc-theia.theia-hc .arduino-verify-sketch--toolbar-icon,
-.hc-black.hc-theia.theia-hc .arduino-upload-sketch--toolbar-icon,
-.hc-black.hc-theia.theia-hc .arduino-start-debug-icon {
-    background-color: var(--theia-arduino-toolbar-button-secondary-label);
+.hc-black.hc-theia.theia-hc .p-TabBar-toolbar .item.arduino-tool-item.enabled:hover > div {
+    background: var(--theia-arduino-toolbar-button-background);
+    outline: 1px dashed var(--theia-focusBorder);
 }
 
-.hc-black.hc-theia.theia-hc .p-TabBar-toolbar .item.arduino-tool-item.enabled:hover > div {
+.hc-black.hc-theia.theia-hc .p-TabBar-toolbar .item.arduino-tool-item.enabled:hover > div.toggle-serial-plotter,
+.hc-black.hc-theia.theia-hc .p-TabBar-toolbar .item.arduino-tool-item.enabled:hover > div.toggle-serial-monitor {
     background: transparent;
-    outline: 1px dashed var(--theia-focusBorder);
 }
 
 .hc-black.hc-theia.theia-hc .item.arduino-tool-item.toggled .arduino-verify-sketch--toolbar,
 .hc-black.hc-theia.theia-hc .item.arduino-tool-item.toggled .arduino-upload-sketch--toolbar {
-    background-color: transparent !important;
+    background-color: var(--theia-arduino-toolbar-button-background) !important;
     outline: 1px solid var(--theia-focusBorder);
 }
 
@@ -234,7 +227,7 @@
 }
 
 .hc-black.hc-theia.theia-hc .p-TabBar.theia-app-centers .p-TabBar-tab.p-mod-closable > .p-TabBar-tabCloseIcon:hover {
-  outline: 1px dashed var(--theia-focusBorder);
+    outline: 1px dashed var(--theia-focusBorder);
 }
 
 .hc-black.hc-theia.theia-hc .quick-input-list .monaco-list-row.focused {