fix quickopen and theme

Author: christianalfoni

packages/app/src/app/components/CodeEditor/VSCode/index.tsx

@@ -1,3 +1,6 @@
+import './icon-theme.css';
+import './workbench-theme.css';
+
 import getTemplate from '@codesandbox/common/lib/templates';
 import getUI from '@codesandbox/common/lib/templates/configuration/ui';
 import theme from '@codesandbox/common/lib/theme';
@@ -10,9 +13,6 @@ import { ThemeProvider } from 'styled-components';
 import { Configuration } from './Configuration';
 import { Container, GlobalStyles } from './elements';
 
-import './icon-theme.css';
-import './workbench-theme.css';
-
 export const VSCode: React.FunctionComponent = () => {
   const { state, actions, effects } = useOvermind();
   const containerEl = useRef(null);
@@ -66,7 +66,7 @@ export const VSCode: React.FunctionComponent = () => {
   ]);
 
   return (
-    <Container ref={containerEl}>
+    <Container id="vscode-container" ref={containerEl}>
       <GlobalStyles />
     </Container>
   );

packages/app/src/app/pages/Sandbox/Editor/index.tsx

@@ -31,7 +31,7 @@ const ContentSplit: React.FC = () => {
       colors: {},
       vscodeTheme: codesandbox,
     },
-    customVSCodeTheme: state.preferences.settings.customVSCodeTheme,
+    customVSCodeTheme: null,
   });
 
   useEffect(() => {