style: remove some editor themes

移除部分主题样式

assets/scripts/editor.js

@@ -5,11 +5,6 @@ let app = new Vue({
       aboutOutput: '',
       output: '',
       source: '',
-      editorThemes: [
-        { label: '淡雅', value: 'xq-light' },
-        { label: '精致', value: 'eclipse' },
-        { label: '暗绿', value: 'oceanic-next' }
-      ],
       editor: null,
       cssEditor: null,
       builtinFonts: [
@@ -35,8 +30,6 @@ let app = new Vue({
       showBox: true,
       aboutDialogVisible: false
     };
-    d.currentEditorTheme = d.editorThemes[0].value;
-    d.currentCssEditorTheme = d.editorThemes[0].value;
     d.currentFont = d.builtinFonts[0].value;
     d.currentSize = d.sizeOption[1].value;
     d.currentColor = d.colorOption[0].value;
@@ -49,12 +42,12 @@ let app = new Vue({
     this.editor = CodeMirror.fromTextArea(
       document.getElementById('editor'),
       {
+        mode: 'text/x-markdown',
+        theme: 'xq-light',
         lineNumbers: false,
         lineWrapping: true,
         styleActiveLine: true,
-        autoCloseBrackets: true,
+        autoCloseBrackets: true
-        theme: this.currentEditorTheme,
-        mode: 'text/x-markdown'
       }
     );
     this.cssEditor = CodeMirror.fromTextArea(

index.html

@@ -15,8 +15,6 @@
   <link rel="stylesheet" href="libs/css/index.css">
 
   <link rel="stylesheet" href="libs/css/xq-light.min.css">
-  <link rel="stylesheet" href="libs/css/eclipse.min.css">
-  <link rel="stylesheet" href="libs/css/oceanic-next.min.css">
   <link rel="stylesheet" href="libs/css/code-themes/github-v2.min.css">
   <link rel="stylesheet" href="assets/css/app.css">
 
@@ -58,14 +56,6 @@
           <i class="el-icon-refresh" size="medium" @click="reset">&nbsp;</i>
         </el-tooltip>
         <el-form size="mini" class="ctrl" :inline=true>
-          <el-form-item label="编辑器主题">
-            <el-select v-model="currentEditorTheme" size="mini" placeholder="选择编辑器主题" clearable
-              @change="editorThemeChanged">
-              <el-option v-for="editorTheme in editorThemes" :key="editorTheme.value" :label="editorTheme.label"
-                :value="editorTheme.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
           <el-form-item label="字体">
             <el-select v-model="currentFont" size="mini" placeholder="选择字体" clearable @change="fontChanged">
               <el-option v-for="font in builtinFonts" :style="{fontFamily: font.value}" :key="font.value"

libs/css/eclipse.min.css

@@ -1,2 +0,0 @@
-.cm-s-eclipse span.cm-meta{color:#ff1717}.cm-s-eclipse span.cm-keyword{line-height:1em;font-weight:700;color:#7f0055}.cm-s-eclipse span.cm-atom{color:#219}.cm-s-eclipse span.cm-number{color:#164}.cm-s-eclipse span.cm-def{color:#00f}.cm-s-eclipse span.cm-variable{color:#000}.cm-s-eclipse span.cm-variable-2{color:#0000c0}.cm-s-eclipse span.cm-type,.cm-s-eclipse span.cm-variable-3{color:#0000c0}.cm-s-eclipse span.cm-property{color:#000}.cm-s-eclipse span.cm-operator{color:#000}.cm-s-eclipse span.cm-comment{color:#3f7f5f}.cm-s-eclipse span.cm-string{color:#2a00ff}.cm-s-eclipse span.cm-string-2{color:#f50}.cm-s-eclipse span.cm-qualifier{color:#555}.cm-s-eclipse span.cm-builtin{color:#30a}.cm-s-eclipse span.cm-bracket{color:#cc7}.cm-s-eclipse span.cm-tag{color:#170}.cm-s-eclipse span.cm-attribute{color:#00c}.cm-s-eclipse span.cm-link{color:#219}.cm-s-eclipse span.cm-error{color:red}.cm-s-eclipse .CodeMirror-activeline-background{background:#e8f2ff}.cm-s-eclipse .CodeMirror-matchingbracket{outline:1px solid grey;color:#000!important}
-/*# sourceMappingURL=eclipse.min.css.map */

libs/css/oceanic-next.min.css

@@ -1,2 +0,0 @@
-.cm-s-oceanic-next.CodeMirror{background:#304148;color:#f8f8f2}.cm-s-oceanic-next div.CodeMirror-selected{background:rgba(101,115,126,.33)}.cm-s-oceanic-next .CodeMirror-line::selection,.cm-s-oceanic-next .CodeMirror-line>span::selection,.cm-s-oceanic-next .CodeMirror-line>span>span::selection{background:rgba(101,115,126,.33)}.cm-s-oceanic-next .CodeMirror-line::-moz-selection,.cm-s-oceanic-next .CodeMirror-line>span::-moz-selection,.cm-s-oceanic-next .CodeMirror-line>span>span::-moz-selection{background:rgba(101,115,126,.33)}.cm-s-oceanic-next .CodeMirror-gutters{background:#304148;border-right:10px}.cm-s-oceanic-next .CodeMirror-guttermarker{color:#fff}.cm-s-oceanic-next .CodeMirror-guttermarker-subtle{color:#d0d0d0}.cm-s-oceanic-next .CodeMirror-linenumber{color:#d0d0d0}.cm-s-oceanic-next .CodeMirror-cursor{border-left:1px solid #f8f8f0}.cm-s-oceanic-next span.cm-comment{color:#65737e}.cm-s-oceanic-next span.cm-atom{color:#c594c5}.cm-s-oceanic-next span.cm-number{color:#f99157}.cm-s-oceanic-next span.cm-property{color:#99c794}.cm-s-oceanic-next span.cm-attribute,.cm-s-oceanic-next span.cm-keyword{color:#c594c5}.cm-s-oceanic-next span.cm-builtin{color:#66d9ef}.cm-s-oceanic-next span.cm-string{color:#99c794}.cm-s-oceanic-next span.cm-variable,.cm-s-oceanic-next span.cm-variable-2,.cm-s-oceanic-next span.cm-variable-3{color:#f8f8f2}.cm-s-oceanic-next span.cm-def{color:#69c}.cm-s-oceanic-next span.cm-bracket{color:#5fb3b3}.cm-s-oceanic-next span.cm-tag{color:#c594c5}.cm-s-oceanic-next span.cm-header{color:#c594c5}.cm-s-oceanic-next span.cm-link{color:#c594c5}.cm-s-oceanic-next span.cm-error{background:#c594c5;color:#f8f8f0}.cm-s-oceanic-next .CodeMirror-activeline-background{background:rgba(101,115,126,.33)}.cm-s-oceanic-next .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}
-/*# sourceMappingURL=oceanic-next.min.css.map */