Fix issue with tomorrow Night Blue Theme (#120)

[PBI 32512]
* Replace badge Foregrounf by custom color

* Renamed new color

Author: FMounz

package.json

@@ -94,6 +94,17 @@
         "category": "%pacificaExtension.commands.label%"
       }
     ],
+    "colors": [
+      {
+        "id": "badgeForegroundOverwrite",
+        "description": "Color that fixes the issue with midnight blue ",
+        "defaults": {
+          "dark": "#FFFFFF",
+          "light": "badge.foreground",
+          "highContrast": "#FFFFFF"
+        }
+      }
+    ],
     "menus": {
       "commandPalette": [
         {

src/view/styles/Button.css

@@ -5,7 +5,7 @@
 }
 
 .button-icon {
-  fill: var(--vscode-badge-foreground);
+  fill: var(--vscode-badgeForegroundOverwrite);
 }
 
 .play-button {

src/view/styles/InputSlider.css

@@ -19,7 +19,7 @@
   margin-top: auto;
   margin-bottom: auto;
   margin-left: 5px;
-  color: var(--badge-foreground);
+  color: var(--badgeForegroundOverwrite);
   border-radius: 2px;
   font-size: 16px;
   font-weight: bold;

src/view/styles/SensorButton.css

@@ -1,5 +1,5 @@
 .sensor-button {
-  color: var(--vscode-badge-foreground);
+  color: var(--vscode-badgeForegroundOverwrite);
   text-align: center;
   background-color: var(--vscode-button-background);
   width: 320px;

src/view/styles/ToolBar.css

@@ -33,7 +33,7 @@
   -webkit-appearance: none;
   font-size: 16px;
   font-weight: bolder;
-  color: var(--vscode-badge-foreground);
+  color: var(--vscode-badgeForegroundOverwrite);
   text-align: left;
   margin-right: 40px;
   position: absolute;