fix: improve the style of tab title (#409)

Author: mortalYoung

src/components/tabs/style.scss

@@ -35,20 +35,13 @@
         box-sizing: border-box;
         cursor: pointer;
         display: flex;
-        flex: 0 0 auto;
-        font-size: 13px;
+        flex-wrap: nowrap;
         height: 100%;
-        max-width: 300px;
-        min-width: 40px;
-        padding: 0 20px;
+        min-width: fit-content;
+        padding-left: 10px;
         position: relative;
         user-select: none;
 
-        &__name {
-            font-size: 16px;
-            margin-left: 10px;
-        }
-
         &__op {
             color: var(--icon-foreground);
             margin-left: 10px;

src/extensions/theme-defaults/themes/dark_defaults.json

@@ -28,6 +28,8 @@
         "inputValidation.errorBackground": "#5A1D1D",
         "inputValidation.errorBorder": "#BE1100",
         "icon.foreground": "#C5C5C5",
+        "panelTitle.activeForeground": "#E7E7E7",
+        "panelTitle.inactiveForeground": "#e7e7e799",
         "problemsWarningIcon.foreground": "#CCA700",
         "problemsErrorIcon.foreground": "#F48771",
         "problemsInfoIcon.foreground": "#75BEFF",

src/extensions/theme-defaults/themes/light_defaults.json

@@ -28,6 +28,8 @@
         "inputValidation.errorBackground": "#F2DEDE",
         "inputValidation.errorBorder": "#BE1100",
         "icon.foreground": "#424242",
+        "panelTitle.activeForeground": "#424242",
+        "panelTitle.inactiveForeground": "#424242bf",
         "problemsWarningIcon.foreground": "#BF8803",
         "problemsErrorIcon.foreground": "#E51400",
         "problemsInfoIcon.foreground": "#75BEFF",