fix(theme): improve the colorTheme detail

fix #20

Author: wewoor

src/services/theme/colorRegistry.ts

@@ -34,7 +34,6 @@ const defaultVS = {
     'checkbox.border': Color.white,
     'button.background': '#007ACC',
     'button.foreground': Color.white,
-    // 'button.hoverBackground': Color.fromHex('#007ACC').transparent(0.2),
 
     'badge.background': '#C4C4C4',
     'badge.foreground': '#333',
@@ -68,6 +67,9 @@ const defaultVS = {
     'menu.background': Color.white,
     'menu.separatorBackground': '#888888',
 
+    'panel.background': Color.white,
+    'panel.border': 'rgba(128, 128, 128, 0.35)',
+
     'activityBar.background': 'rgb(51, 51, 51)',
     'activityBar.activeBorder': '#fff',
     'activityBar.foreground': 'rgba(255, 255, 255, 0.4)',
@@ -105,7 +107,7 @@ const defaultDark = {
     'checkbox.border': '#CECECE',
     'button.background': '#0E639C',
     'button.foreground': Color.white,
-    // 'button.hoverBackground': Color.fromHex('#0E639C').transparent(0.2),
+    'button.hoverBackground': Color.fromHex('#0E639C').transparent(0.2),
 
     'badge.background': '#4D4D4D',
     'badge.foreground': Color.white,
@@ -139,9 +141,8 @@ const defaultDark = {
     'menu.background': '#3C3C3C',
     'menu.separatorBackground': '#BBBBBB',
 
-    'panel.background': 'rgb(37, 37, 38);',
-    'panel.foreground': Color.white,
-    'panel.border': '#CECECE',
+    'panel.background': 'rgb(30, 30, 30)',
+    'panel.border': '#3C3C3C',
 
     'activityBar.background': 'rgb(51, 51, 51)',
     'activityBar.activeBorder': '#fff',

src/style/theme/actionbar.scss

@@ -3,7 +3,7 @@
 // =============== Action Bar =============== //
 #{$actionBar} {
     background-color: var(--listFilterWidget-background);
-    color: var(--button-foreground);
+    color: var(--foreground);
     outline-color: var(--listFilterWidget-outline);
 
     &__item--checked {

src/workbench/editor/welcome/style.scss

@@ -2,6 +2,7 @@
 
 #{prefix('welcome')} {
     align-items: center;
+    background-color: var(--panel-background);
     display: flex;
     justify-content: center;
     text-align: center;

src/workbench/panel/style.scss

@@ -13,6 +13,7 @@
     }
 
     &__header {
+        border-color: inherit;
         border-top-style: solid;
         border-top-width: 1px;
         flex-direction: row;
@@ -22,10 +23,14 @@
         width: 100%;
 
         #{$tabs} {
+            background: inherit;
+            border: 0;
             flex-grow: 1;
         }
 
         #{$tab}__item {
+            background: inherit;
+            border: 0;
             font-size: 11px;
             padding: 0 10px;
             text-transform: uppercase;