plenty of bug fix.

src/ScriptEditor/ui/OptionsModal.tsx

@@ -42,11 +42,11 @@ export function OptionsModal(props: IProps): React.ReactElement {
       <Box display="flex" flexDirection="row" alignItems="center">
         <Typography>Theme: </Typography>
         <Select onChange={(event) => setTheme(event.target.value)} value={theme}>
-          <MenuItem value="vs-dark">dark</MenuItem>
-          <MenuItem value="light">light</MenuItem>
           <MenuItem value="monokai">monokai</MenuItem>
           <MenuItem value="solarized-dark">solarized-dark</MenuItem>
           <MenuItem value="solarized-light">solarized-light</MenuItem>
+          <MenuItem value="vs-dark">dark</MenuItem>
+          <MenuItem value="light">light</MenuItem>
         </Select>
       </Box>
 

src/ScriptEditor/ui/themes.ts

@@ -64,7 +64,7 @@ export async function loadThemes(monaco: { editor: any }): Promise<void> {
     },
   });
 
-  monaco.editor.defineTheme("solarish-dark", {
+  monaco.editor.defineTheme("solarized-dark", {
     base: "vs-dark",
     inherit: true,
     rules: [
@@ -113,16 +113,16 @@ export async function loadThemes(monaco: { editor: any }): Promise<void> {
         foreground: "268bd2",
       },
       {
-      	token: "type.identifier.js",
-	foreground: "b58900",
+        token: "type.identifier.js",
+        foreground: "b58900",
       },
       {
-      	token: "delimiter.square.js",
-	foreground: "0087ff",
+        token: "delimiter.square.js",
+        foreground: "0087ff",
       },
       {
-      	token: "delimiter.bracket.js",
-	foreground: "0087ff",
+        token: "delimiter.bracket.js",
+        foreground: "0087ff",
       },
       {
         token: "this",
@@ -141,13 +141,13 @@ export async function loadThemes(monaco: { editor: any }): Promise<void> {
     },
   });
 
-  monaco.editor.defineTheme("solarish-light", {
+  monaco.editor.defineTheme("solarized-light", {
     base: "vs",
     inherit: true,
     rules: [
       {
         foreground: "657b83",
-	background: "fdf6e3",
+        background: "fdf6e3",
         token: "",
       },
       {
@@ -191,16 +191,16 @@ export async function loadThemes(monaco: { editor: any }): Promise<void> {
         foreground: "268bd2",
       },
       {
-      	token: "type.identifier.js",
-	foreground: "b58900",
+        token: "type.identifier.js",
+        foreground: "b58900",
       },
       {
-      	token: "delimiter.square.js",
-	foreground: "0087ff",
+        token: "delimiter.square.js",
+        foreground: "0087ff",
       },
       {
-      	token: "delimiter.bracket.js",
-	foreground: "0087ff",
+        token: "delimiter.bracket.js",
+        foreground: "0087ff",
       },
       {
         token: "this",