From f81e392899b4d294b4f411b0ba1ebf2ff84d9201 Mon Sep 17 00:00:00 2001
From: yanglbme <szuyanglb@outlook.com>
Date: Mon, 27 Jul 2020 22:35:56 +0800
Subject: [PATCH] style: update code style and default value

---
 src/assets/less/codeTheme/wechat-code-block.less |  2 +-
 src/assets/scripts/config.js                     | 12 ++++++------
 src/components/CodemirrorEditor/header.vue       | 10 +++++-----
 src/store/index.js                               |  2 +-
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/assets/less/codeTheme/wechat-code-block.less b/src/assets/less/codeTheme/wechat-code-block.less
index f4a2a65..89872e2 100644
--- a/src/assets/less/codeTheme/wechat-code-block.less
+++ b/src/assets/less/codeTheme/wechat-code-block.less
@@ -10,7 +10,7 @@
     margin: 10px 8px;
     color: #333;
     position: relative;
-    background-color: rgb(238, 238, 238);
+    background-color: rgba(27, 31, 35, .05);
     border: 1px solid #f0f0f0;
     border-radius: 2px;
     display: flex;
diff --git a/src/assets/scripts/config.js b/src/assets/scripts/config.js
index 264e4d3..414f95d 100644
--- a/src/assets/scripts/config.js
+++ b/src/assets/scripts/config.js
@@ -37,29 +37,29 @@ export default {
     colorOption: [{
             label: '经典蓝',
             value: 'rgba(15, 76, 129, 1)',
-            hex: '最新流行'
+            desc: '最新流行'
         },
         {
             label: '翡翠绿',
             value: 'rgba(0, 152, 116, 1)',
-            hex: '优雅清新'
+            desc: '优雅清新'
         },
         {
             label: '活力橘',
             value: 'rgba(250, 81, 81, 1)',
-            hex: '热情活泼'
+            desc: '热情活泼'
         }
     ],
     codeThemeOption: [
         {
             label: '微信',
             value: 'wechat',
-            hex: '默认样式'
+            desc: '默认样式'
         },
         {
-            label: 'github',
+            label: 'GitHub',
             value: 'github',
-            hex: '精简风格'
+            desc: '精简风格'
         }
     ],
     form: {
diff --git a/src/components/CodemirrorEditor/header.vue b/src/components/CodemirrorEditor/header.vue
index f04d757..6d6e947 100644
--- a/src/components/CodemirrorEditor/header.vue
+++ b/src/components/CodemirrorEditor/header.vue
@@ -43,17 +43,17 @@
                 <el-select v-model="selectColor" size="mini" placeholder="选择颜色" clearable @change="colorChanged">
                     <el-option v-for="color in config.colorOption" :key="color.value" :label="color.label" :value="color.value">
                         <span class="select-item-left">{{ color.label }}</span>
-                        <span class="select-item-right">{{ color.hex }}</span>
+                        <span class="select-item-right">{{ color.desc }}</span>
                     </el-option>
                 </el-select>
             </el-form-item>
             <el-form-item>
-                <el-select v-model="selectCodeTheme" size="mini" placeholder="选择代码样式" clearable @change="codeThemeChanged">
+                <el-select v-model="selectCodeTheme" size="mini" placeholder="选择代码块样式" clearable @change="codeThemeChanged">
                     <el-option v-for="theme in config.codeThemeOption" :key="theme.value"
-                        :label="'代码块样式：' + theme.label"
+                        :label="theme.label"
                         :value="theme.value">
                         <span class="select-item-left">{{ theme.label }}</span>
-                        <span class="select-item-right">{{ theme.hex }}</span>
+                        <span class="select-item-right">{{ theme.desc }}</span>
                     </el-option>
                 </el-select>
             </el-form-item>
@@ -105,7 +105,7 @@ export default {
             selectFont: '',
             selectSize: '',
             selectColor: '',
-            selectCodeTheme: 'wechat'
+            selectCodeTheme: 'github'
         };
     },
     components: {
diff --git a/src/store/index.js b/src/store/index.js
index 2b08c69..e195733 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -24,7 +24,7 @@ const state = {
     currentColor: '',
     citeStatus: 0,
     nightMode: false,
-    codeTheme: 'wechat',
+    codeTheme: 'github',
     rightClickMenuVisible: false
 };
 const mutations = {