diff --git a/npm/ng-packs/.vscode/settings.json b/npm/ng-packs/.vscode/settings.json
index ba819b4f57..0e7b4b1be1 100644
--- a/npm/ng-packs/.vscode/settings.json
+++ b/npm/ng-packs/.vscode/settings.json
@@ -5,18 +5,18 @@
   "tslint.rulesDirectory": "../node_modules/codelyzer",
   "typescript.tsdk": "../node_modules/typescript/lib",
   "workbench.colorCustomizations": {
-    "activityBar.background": "#df7fa2",
-    "activityBar.foreground": "#15202b",
-    "activityBar.inactiveForeground": "#15202b99",
-    "activityBarBadge.background": "#c7ecb3",
-    "activityBarBadge.foreground": "#15202b",
-    "titleBar.activeBackground": "#d55685",
-    "titleBar.inactiveBackground": "#d5568599",
-    "titleBar.activeForeground": "#15202b",
-    "titleBar.inactiveForeground": "#15202b99",
-    "statusBar.background": "#d55685",
-    "statusBarItem.hoverBackground": "#c73169",
-    "statusBar.foreground": "#15202b"
+    "activityBar.background": "#90164b",
+    "activityBar.foreground": "#e7e7e7",
+    "activityBar.inactiveForeground": "#e7e7e799",
+    "activityBarBadge.background": "#0e1c04",
+    "activityBarBadge.foreground": "#e7e7e7",
+    "titleBar.activeBackground": "#640f34",
+    "titleBar.inactiveBackground": "#640f3499",
+    "titleBar.activeForeground": "#e7e7e7",
+    "titleBar.inactiveForeground": "#e7e7e799",
+    "statusBar.background": "#640f34",
+    "statusBarItem.hoverBackground": "#90164b",
+    "statusBar.foreground": "#e7e7e7"
   },
-  "peacock.color": "#d55685"
+  "peacock.color": "#640f34"
 }