fix config styles

Author: ShMcK

web-app/.storybook/config.ts

@@ -1,5 +1,5 @@
 import { configure } from '@storybook/react'
-// import '../src/styles/index.css'
+import '../src/styles/index.css'
 
 // setup acquireVsCodeApi mock
 // @ts-ignore

web-app/.vscode/settings.json

@@ -11,9 +11,20 @@
     },
     // styles
     "workbench.colorCustomizations": {
-      "activityBar.background": "#000000",
+      "activityBar.background": "#1a1a1a",
+      "activityBar.activeBorder": "#606020",
+      "activityBar.foreground": "#e7e7e7",
+      "activityBar.inactiveForeground": "#e7e7e799",
+      "activityBarBadge.background": "#606020",
+      "activityBarBadge.foreground": "#e7e7e7",
       "titleBar.activeBackground": "#000000",
-      "titleBar.activeForeground": "#FFFFFF"
-    }
+      "titleBar.inactiveBackground": "#00000099",
+      "titleBar.activeForeground": "#e7e7e7",
+      "titleBar.inactiveForeground": "#e7e7e799",
+      "statusBar.background": "#000000",
+      "statusBarItem.hoverBackground": "#1a1a1a",
+      "statusBar.foreground": "#e7e7e7"
+    },
+    "peacock.color": "#000000"
   }