change background color of stage loader route

docs/.vuepress/components/GroupSelectComponent.vue

@@ -1,13 +1,16 @@
 <template>
   <div class="select-wrapper">
     <select @change="onValueChanged" autocomplete="off">
-      <option v-if="placeholder != null" value="placeholder" selected disabled>{{ placeholder }}</option>
+      <option v-if="placeholder != null" value="placeholder" selected disabled>{{
+        placeholder
+      }}</option>
       <optgroup v-for="optGroup in optGroups" :label="optGroup.label">
         <option
           v-for="option in optGroup.options"
           :value="option.value"
           :selected="selectedValue && option.value === selectedValue"
-        >{{ option.label }}</option>
+          >{{ option.label }}</option
+        >
       </optgroup>
     </select>
   </div>
@@ -19,19 +22,19 @@ export default {
     selectedValue: { type: String },
     placeholder: { type: String },
     optGroups: { type: Array },
-    onChange: { type: Function }
+    onChange: { type: Function },
   },
   computed: {},
   data() {
     return {
-      generation: 2
+      generation: 2,
     };
   },
   methods: {
     onValueChanged(e) {
       this.onChange(e.target.value);
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -89,7 +92,7 @@ select optgroup {
   top: 3px;
   width: 40px;
   height: 100%;
-  content: "\25BC";
+  content: '\25BC';
   text-align: center;
   color: white;
   font-size: 14px;

docs/.vuepress/components/StageLoader.vue

@@ -270,10 +270,12 @@ ul li {
   color: red;
   cursor: pointer;
 }
-</style>
 
-<style>
-.ghost select {
+.level-select >>> .select-wrapper {
+  background-color: #62809e;
+}
+
+.ghost >>> .select-wrapper {
   background-color: orange;
 }
 </style>

docs/.vuepress/config.js

@@ -6,6 +6,7 @@ module.exports = {
   head: [
     ['meta', { name: 'theme-color', content: '#3eaf7c' }],
     ['meta', { name: 'viewport', content: 'width=device-width, initial-scale=1' }],
+    ['meta', { name: 'Cache-control', content: 'public,max-age=3600' }],
   ],
 
   /**