diff --git a/package.json b/package.json
index 7e4067f..dc77ec9 100644
--- a/package.json
+++ b/package.json
@@ -13,9 +13,9 @@
   },
   "homepage": "https://github.com/shuosc/shu-scheduling-helper#readme",
   "scripts": {
-    "serve": "NODE_OPTIONS=--openssl-legacy-provider vue-cli-service serve",
-    "build": "NODE_OPTIONS=--openssl-legacy-provider vue-cli-service build",
-    "lint": "NODE_OPTIONS=--openssl-legacy-provider vue-cli-service lint"
+    "serve": "cross-env NODE_OPTIONS=--openssl-legacy-provider vue-cli-service serve",
+    "build": "cross-env NODE_OPTIONS=--openssl-legacy-provider vue-cli-service build",
+    "lint": "cross-env NODE_OPTIONS=--openssl-legacy-provider vue-cli-service lint"
   },
   "dependencies": {
     "ant-design-vue": "^1.7.8",
@@ -41,6 +41,7 @@
     "acorn": "^7.4.1",
     "babel-eslint": "^10.1.0",
     "babel-plugin-import": "^1.13.6",
+    "cross-env": "^7.0.3",
     "cz-conventional-changelog": "3.3.0",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.2.3",
diff --git a/src/mixins/ScheduleTable.js b/src/mixins/ScheduleTable.js
index e64cb6c..71fdce6 100644
--- a/src/mixins/ScheduleTable.js
+++ b/src/mixins/ScheduleTable.js
@@ -115,8 +115,8 @@ export const ClassCardMixin = {
   },
   computed: {
     style () {
-      return [
-        [
+      return {
+        'classic': [
           {
             color: 'rgba(255, 255, 255, 0.95)',
             borderColor: `rgba(${parseInt(this.course.color.substr(1, 2), 16)}, ${parseInt(this.course.color.substr(3, 2), 16)}, ${parseInt(this.course.color.substr(5, 2), 16)}, 1.0)`,
@@ -131,7 +131,7 @@ export const ClassCardMixin = {
             color: 'rgba(255, 255, 255, 0.85)',
           },
         ],
-        [
+        'candy': [
           {
             color: `rgba(${parseInt(this.course.color.substr(1, 2), 16)}, ${parseInt(this.course.color.substr(3, 2), 16)}, ${parseInt(this.course.color.substr(5, 2), 16)}, 1.0)`,
             background: `rgba(${parseInt(this.course.color.substr(1, 2), 16)}, ${parseInt(this.course.color.substr(3, 2), 16)}, ${parseInt(this.course.color.substr(5, 2), 16)}, 0.3)`,
@@ -144,7 +144,7 @@ export const ClassCardMixin = {
             color: `rgba(${parseInt(this.course.color.substr(1, 2), 16)}, ${parseInt(this.course.color.substr(3, 2), 16)}, ${parseInt(this.course.color.substr(5, 2), 16)}, 0.8)`,
           },
         ]
-      ]
+      }
     },
     _class() {
       return {
diff --git a/src/mixins/CopyCourseId.js b/src/mixins/common/copyCourseId.js
similarity index 100%
rename from src/mixins/CopyCourseId.js
rename to src/mixins/common/copyCourseId.js
diff --git a/src/mixins/UseScheduleTableTheme.js b/src/mixins/common/useScheduleTableTheme.js
similarity index 53%
rename from src/mixins/UseScheduleTableTheme.js
rename to src/mixins/common/useScheduleTableTheme.js
index 1242e04..b145d97 100644
--- a/src/mixins/UseScheduleTableTheme.js
+++ b/src/mixins/common/useScheduleTableTheme.js
@@ -1,8 +1,20 @@
 export const UseScheduleTableThemeMixin = {
   data () {
     return {
-      ScheduleTableTheme: 1,
-      ScheduleTableThemeText: '糖果'
+      ScheduleTableTheme: 'candy',
+    }
+  },
+  computed: {
+    ScheduleTableThemeText () {
+      const t = this.ScheduleTableTheme
+      switch (t) {
+        case 'candy':
+          return '糖果';
+        case 'classic':
+          return '经典';
+        default:
+          return '<unknown>'
+      }
     }
   },
   created () {
@@ -12,17 +24,9 @@ export const UseScheduleTableThemeMixin = {
     }
     setTimeout(check, 500)
   },
-  watch: {
-    ScheduleTableTheme: {
-      handler (newVal) {
-        this.ScheduleTableThemeText = newVal === 1 ? '糖果' : '经典';
-      },
-      immediate: true
-    }
-  },
   methods: {
     handleChangeScheduleTableTheme () {
-      this.ScheduleTableTheme = (this.ScheduleTableTheme + 1) % 2
+      this.ScheduleTableTheme = this.ScheduleTableTheme === 'candy' ? 'classic' : 'candy'
       this.$store.dispatch('setUseScheduleTableTheme', this.ScheduleTableTheme)
     }
   }
diff --git a/src/pages/index/components/ReservedClassesList/CourseClassesList.vue b/src/pages/index/components/ReservedClassesList/CourseClassesList.vue
index ec312b4..c9340a5 100644
--- a/src/pages/index/components/ReservedClassesList/CourseClassesList.vue
+++ b/src/pages/index/components/ReservedClassesList/CourseClassesList.vue
@@ -142,11 +142,11 @@
 
   .selected-class-list-item h4{
     font-weight: bold;
-    color: black;
+    color: rgba(0,0,0,0.85);
   }
 
   .selected-class-list-item div{
-    color: rgba(0,0,0,0.8);
+    color: rgba(0,0,0,0.65);
   }
 
   /*noinspection CssUnusedSymbol*/
diff --git a/src/pages/index/components/ReservedClassesList/CourseMeta.vue b/src/pages/index/components/ReservedClassesList/CourseMeta.vue
index 947b8a9..d28dc75 100644
--- a/src/pages/index/components/ReservedClassesList/CourseMeta.vue
+++ b/src/pages/index/components/ReservedClassesList/CourseMeta.vue
@@ -8,7 +8,7 @@
     <a :href="getLinkHref(id)" :title="getLinkTitle(course, id)"
        @click.stop="showCourseIntroduction($event, getLinkHref(id))" class="course-link course-intro-link"
        rel="external nofollow" target="_blank">简介</a>
-    <a :title="`复制该课程的课程号 (${id})`"
+    <a :title="`复制课程号 (${id})`"
         v-clipboard:copy="id"
         v-clipboard:success="handleCourseIdCopied"
         @click.stop
@@ -60,7 +60,7 @@
 <script>
   import { introductionOpenerMixin } from '../../../../mixins/common/introductionOpener';
   import { CourseMetaMixin } from '../../../../mixins/ReservedClassesList';
-  import { CopyCourseIdMixin } from '../../../../mixins/CopyCourseId'
+  import { CopyCourseIdMixin } from '../../../../mixins/common/copyCourseId'
   import NumberCapacity from './NumberCapacity';
   import CourseColor from './CourseColor'
 
diff --git a/src/pages/index/components/ScheduleTable/ClassCard.vue b/src/pages/index/components/ScheduleTable/ClassCard.vue
index 828c3e3..7d8e574 100644
--- a/src/pages/index/components/ScheduleTable/ClassCard.vue
+++ b/src/pages/index/components/ScheduleTable/ClassCard.vue
@@ -78,14 +78,14 @@
   }
 
   .teacher-name-venue {
-    font-size: 11px;
+    font-size: 12px;
     line-height: 16px;
     overflow: hidden;
     min-height: 16px;
   }
 
   .venue {
-    font-size: 11px;
+    font-size: 12px;
     line-height: 1.25;
   }
 
@@ -94,7 +94,7 @@
   }
 
   .extra {
-      font-size: 11px;
+      font-size: 12px;
       line-height: 1.25;
   }
 </style>
diff --git a/src/pages/index/components/ScheduleTable/index.vue b/src/pages/index/components/ScheduleTable/index.vue
index 564c970..7a75db1 100644
--- a/src/pages/index/components/ScheduleTable/index.vue
+++ b/src/pages/index/components/ScheduleTable/index.vue
@@ -65,7 +65,7 @@
 
 <script>
   import { ScheduleTableMixin } from '../../../../mixins/ScheduleTable';
-  import { UseScheduleTableThemeMixin } from '../../../../mixins/UseScheduleTableTheme'
+  import { UseScheduleTableThemeMixin } from '../../../../mixins/common/useScheduleTableTheme'
   import ClassCard from './ClassCard';
   import NoPeriodClassCard from './NoPeriodClassCard';
   // import QrCard from './QrCard';
diff --git a/src/pages/m/components/ScheduleTable/ClassCard.vue b/src/pages/m/components/ScheduleTable/ClassCard.vue
index a8bff64..15df8f5 100644
--- a/src/pages/m/components/ScheduleTable/ClassCard.vue
+++ b/src/pages/m/components/ScheduleTable/ClassCard.vue
@@ -69,14 +69,14 @@
   }
 
   .teacher-name-venue {
-    font-size: 11px;
+    font-size: 12px;
     line-height: 16px;
     overflow: hidden;
     min-height: 16px;
   }
 
   .venue {
-    font-size: 11px;
+    font-size: 12px;
     line-height: 1.25;
   }
 
@@ -85,7 +85,7 @@
   }
 
   .extra {
-      font-size: 11px;
+      font-size: 12px;
       line-height: 1.25;
   }
 </style>
diff --git a/src/pages/m/components/ScheduleTable/index.vue b/src/pages/m/components/ScheduleTable/index.vue
index c4be401..39c9b0e 100644
--- a/src/pages/m/components/ScheduleTable/index.vue
+++ b/src/pages/m/components/ScheduleTable/index.vue
@@ -29,7 +29,7 @@
 <script>
   import ClassCard from './ClassCard';
   import { ScheduleTableMixin } from '../../../../mixins/ScheduleTable';
-  import { UseScheduleTableThemeMixin } from '../../../../mixins/UseScheduleTableTheme';
+  import { UseScheduleTableThemeMixin } from '../../../../mixins/common/useScheduleTableTheme';
 
   export default {
     name: 'ScheduleTable',
diff --git a/src/store.js b/src/store.js
index c7c83f3..630a655 100644
--- a/src/store.js
+++ b/src/store.js
@@ -31,7 +31,7 @@ export default new Vuex.Store({
     historyPos: 0,
     historyHold: false,
     showIntroductionNotification: true,
-    useScheduleTableTheme: 1,
+    useScheduleTableTheme: 'candy',
   },
   getters: {
     scheduleTableRows(state) {
@@ -313,6 +313,8 @@ export default new Vuex.Store({
       state.showIntroductionNotification = false;
     },
     SET_SCHEDULETABLE_THEME (state, value) {
+      if (value !== 'candy' && value !== 'classic')
+        value = 'candy' // 匹配不到主题需要恢复默认主题
       state.useScheduleTableTheme = value;
     }
   },
@@ -330,7 +332,7 @@ export default new Vuex.Store({
           Storage.get('trimester', null),
           Storage.get('backend', null),
           Storage.get('colorSeed', 2),
-          Storage.get('useScheduleTableTheme', 1)
+          Storage.get('useScheduleTableTheme', 'candy')
         ]).then((values) => {
           context.commit('ALL_CLASSES', values[0]);
           context.commit('ALL_CLASSES_HASH', values[1]);
diff --git a/yarn.lock b/yarn.lock
index f97ae14..a33bc0b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4537,6 +4537,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cross-env@npm:^7.0.3":
+  version: 7.0.3
+  resolution: "cross-env@npm:7.0.3"
+  dependencies:
+    cross-spawn: ^7.0.1
+  bin:
+    cross-env: src/bin/cross-env.js
+    cross-env-shell: src/bin/cross-env-shell.js
+  checksum: 26f2f3ea2ab32617f57effb70d329c2070d2f5630adc800985d8b30b56e8bf7f5f439dd3a0358b79cee6f930afc23cf8e23515f17ccfb30092c6b62c6b630a79
+  languageName: node
+  linkType: hard
+
 "cross-spawn@npm:^5.0.1":
   version: 5.1.0
   resolution: "cross-spawn@npm:5.1.0"
@@ -4561,7 +4573,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:^7.0.0":
+"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.1":
   version: 7.0.3
   resolution: "cross-spawn@npm:7.0.3"
   dependencies:
@@ -11574,6 +11586,7 @@ __metadata:
     babel-eslint: ^10.1.0
     babel-plugin-import: ^1.13.6
     core-js: ^3.27.2
+    cross-env: ^7.0.3
     crypto-js: ^3.3.0
     cz-conventional-changelog: 3.3.0
     eslint: ^5.16.0