Fix pipeline (codesandbox#3122)

* Fix pipeline

* Update snapshots

Author: MichaelDeBoey

packages/app/src/app/overmind/effects/vscode/initializers.ts

@@ -1,4 +1,4 @@
-import codeSandboxBlackTheme from '@codesandbox/common/lib/themes/codesandbox-black.json';
+import codeSandboxBlackTheme from '@codesandbox/common/lib/themes/codesandbox-black';
 import codeSandboxTheme from '@codesandbox/common/lib/themes/codesandbox.json';
 
 export function initializeThemeCache() {
@@ -46,8 +46,7 @@ export function initializeSettings() {
 }
 
 export function initializeCodeSandboxTheme() {
-  // @ts-ignore
-  const fs = BrowserFS.BFSRequire('fs');
+  const fs = window.BrowserFS.BFSRequire('fs');
 
   fs.writeFileSync(
     '/extensions/ngryman.codesandbox-theme-0.0.1/themes/CodeSandbox-color-theme.json',
@@ -90,8 +89,7 @@ export function installCustomTheme(id: string, name: string, theme: string) {
     },
   };
 
-  // @ts-ignore
-  const fs = BrowserFS.BFSRequire('fs');
+  const fs = window.BrowserFS.BFSRequire('fs');
   const extName = `${id}-theme`;
   fs.mkdirSync(`/extensions/${extName}`);
   fs.writeFileSync(

packages/common/src/__snapshots__/theme.test.ts.snap

@@ -35,33 +35,41 @@ Object {
     "$schema": "vscode://schemas/color-theme",
     "colors": Object {
       "activityBar.background": "#1C2022",
+      "activityBar.border": "#111518",
       "badge.background": "#374140",
       "button.background": "#40A9F3",
       "button.hoverBackground": "#66B9F4",
       "editor.background": "#1C2022",
       "editor.selectionBackground": "#40a8f348",
       "editorCursor.foreground": "#66b9f4",
       "editorGroup.border": "#111518",
+      "editorGroup.dropBackground": "#ffd3991f",
       "editorGroupHeader.tabsBackground": "#111518",
       "editorHoverWidget.background": "#1C2022",
       "editorHoverWidget.border": "#111518",
       "editorSuggestWidget.background": "#111518",
       "editorSuggestWidget.border": "#111518",
       "editorSuggestWidget.selectedBackground": "#24282A",
+      "editorWarning.foreground": "#FFD399",
       "focusBorder": "#66b9f4",
       "input.background": "#111518",
       "input.foreground": "#C0C0C0",
       "inputOption.activeBorder": "#66b9f4",
+      "list.focusBackground": "#24282A",
       "list.hoverBackground": "#37414050",
-      "menu.background": "#111518",
+      "menu.background": "#1C2022",
+      "menu.foreground": "#C0C0C0",
       "menu.selectionBackground": "#24282A",
-      "menu.selectionForeground": "#40A9F3",
+      "menu.selectionForeground": "#ffffff",
+      "menubar.selectionBackground": "#ffffff10",
+      "menubar.selectionForeground": "#ffffff",
       "peekViewEditor.background": "#111518",
       "scrollbarSlider.activeBackground": "#374140",
       "scrollbarSlider.background": "#37414050",
       "sideBar.background": "#191d1f",
       "sideBar.border": "#111518",
-      "statusBar.background": "#242424",
+      "statusBar.background": "#1C2022",
+      "statusBar.border": "#111518",
       "tab.activeBackground": "#1C2022",
       "tab.border": "#111518",
       "tab.inactiveBackground": "#111518",

packages/common/src/themes/codesandbox-black.js

@@ -35,7 +35,7 @@ const colors = {
   },
   editor: {
     background: tokens.grays[700],
-    foreground: tokens.white,
+    foreground: tokens.grays[300],
     hoverHighlightBackground: tokens.grays[600],
     inactiveSelectionBackground: tokens.grays[600],
     lineHighlightBackground: tokens.grays[500],
@@ -208,7 +208,7 @@ const colors = {
     background: tokens.grays[700],
     hoverBackground: tokens.green,
     border: tokens.grays[500],
-    foreground: tokens.white,
+    foreground: tokens.grays[300],
   },
   sideBarSectionHeader: {
     background: tokens.grays[700],