Cleanup themes

Author: Ives van Hoorne

packages/app/src/app/pages/Sandbox/Editor/utils/get-vscode-theme.js

@@ -2,7 +2,7 @@ import JSON from 'json5';
 
 import codesandbox from 'common/themes/codesandbox.json';
 
-import themes from './themes';
+import themes from 'common/themes';
 
 const editorBackground = 'editor.background';
 const editorForeground = 'editor.foreground';

packages/app/src/app/pages/common/Modals/PreferencesModal/Appearance/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { inject, observer } from 'mobx-react';
+import themes from 'common/themes';
 
 import PreferenceText from 'common/components/Preference/PreferenceText';
 import {
@@ -25,15 +26,7 @@ function EditorSettings({ store, signals }) {
   });
 
   const fontOptions = ['Menlo', 'Dank Mono', 'Source Code Pro'];
-  const themeOptions = [
-    'CodeSandbox',
-    'Night Owl',
-    'Night Owl (No Italics)',
-    'Atom Dark',
-    'High Contrast',
-    'VSCode Light',
-    'Atom Light',
-  ];
+  const themeOptions = themes.map(t => t.name);
 
   return (
     <div>

…ndbox/Editor/utils/themes/atom-dark.json packages/common/themes/atom-dark.jsonpackages/app/src/app/pages/Sandbox/Editor/utils/themes/atom-dark.json renamed to packages/common/themes/atom-dark.json packages/app/src/app/pages/Sandbox/Editor/utils/themes/atom-dark.json renamed to packages/common/themes/atom-dark.json

@@ -1,4 +1,4 @@
-import codesandbox from 'common/themes/codesandbox.json';
+import codesandbox from './codesandbox.json';
 
 export default [
   {