diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 232f664..b19c2b7 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -29,11 +29,11 @@ module.exports = {
           var s = document.getElementsByTagName("script")[0]; 
           s.parentNode.insertBefore(hm, s);
         })();`],
-        ['script', {
-          "language": "javascript",
-          "type": "text/javascript",
-          "src": "https://limeng-blog.oss-cn-hangzhou.aliyuncs.com/sakura.js"
-        }]
+        // ['script', {
+        //   "language": "javascript",
+        //   "type": "text/javascript",
+        //   "src": "https://limeng-blog.oss-cn-hangzhou.aliyuncs.com/sakura.js"
+        // }]
     ],
     markdown: {
       lineNumbers: true,
diff --git a/docs/.vuepress/styles/palette.styl b/docs/.vuepress/styles/palette.styl
index 9386d53..cb2cf79 100644
--- a/docs/.vuepress/styles/palette.styl
+++ b/docs/.vuepress/styles/palette.styl
@@ -1,8 +1,10 @@
 // 默认值
 //$accentColor = #73acd9 // 主题颜色
 //$textColor = #366693 // 文本颜色
-$accentColor = #f883c5 // 主题颜色
-$textColor = #f3087d // 文本颜色
+//$accentColor = #f883c5 // 主题颜色
+//$textColor = #f3087d // 文本颜色
+$accentColor = #f1aeca // 主题颜色
+$textColor = #f1aeca // 文本颜色
 $borderColor = #f1aeca                      // 边框线颜色
 $codeBgColor = #56585d // 代码块背景色
 $backgroundColor = #f1aeca // 悬浮块背景色
diff --git a/docs/.vuepress/theme/components/HomeBlog.vue b/docs/.vuepress/theme/components/HomeBlog.vue
index 7b55823..ac6538b 100644
--- a/docs/.vuepress/theme/components/HomeBlog.vue
+++ b/docs/.vuepress/theme/components/HomeBlog.vue
@@ -78,8 +78,6 @@
   </div>
 </template>
 
-<!--<script src="https://limeng-blog.oss-cn-hangzhou.aliyuncs.com/sakura.js"></script>-->
-
 <script>
 import TagList from '@theme/components/TagList'
 import FriendLink from '@theme/components/FriendLink'
@@ -176,6 +174,7 @@ export default {
 </script>
 
 <style lang="stylus">
+
 .home-blog {
   padding: 0;
   margin: 0px auto;
@@ -221,7 +220,7 @@ export default {
       }
     }
     .info-wrapper {
-      border:0.1px solid #f1aeca
+      border:0.1px solid $accentColor
       position -webkit-sticky;
       position sticky;
       top 70px
diff --git a/docs/.vuepress/theme/components/Mode/ModePicker.vue b/docs/.vuepress/theme/components/Mode/ModePicker.vue
index a9ece2f..1c1962f 100644
--- a/docs/.vuepress/theme/components/Mode/ModePicker.vue
+++ b/docs/.vuepress/theme/components/Mode/ModePicker.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="mode-options">
-    <h4 class="title">Choose mode</h4>
+    <h4 class="title">选择主题</h4>
     <ul class="color-mode-options">
       <li
         v-for="(mode, index) in modeOptions"
@@ -21,8 +21,9 @@ export default {
     return {
       modeOptions: [
         { mode: 'dark', title: 'dark' },
-        { mode: 'auto', title: 'auto' },
-        { mode: 'light', title: 'light' }
+        { mode: 'light', title: 'light' },
+        { mode: 'simple', title: 'simple' }
+        // { mode: 'auto', title: 'auto' },
       ],
       currentMode: 'auto'
     }
@@ -41,6 +42,9 @@ export default {
     window.matchMedia('(prefers-color-scheme: light)').addListener(() => {
       that.$data.currentMode === 'auto' && applyMode(that.$data.currentMode)
     })
+    window.matchMedia('(prefers-color-scheme: simple)').addListener(() => {
+      that.$data.currentMode === 'auto' && applyMode(that.$data.currentMode)
+    })
 
     applyMode(this.currentMode)
   },
@@ -51,6 +55,7 @@ export default {
         this.currentMode = mode
         applyMode(mode)
         localStorage.setItem('mode', mode)
+        location.reload();
       }
     },
     getClass (mode) {
@@ -64,6 +69,7 @@ export default {
 .mode-options
   background-color var(--background-color)
   min-width: 125px;
+  //min-width: 125px;
   margin: 0;
   padding: 1em;
   box-shadow var(--box-shadow);
@@ -75,26 +81,34 @@ export default {
     color var(--text-color)
   .color-mode-options
     display: flex;
-    flex-wrap wrap
+    //flex-wrap wrap 强制换行
     li
       text-align: center;
       font-size 12px
       color var(--text-color)
       line-height 18px
       padding 3px 6px
-      border-top 1px solid #666
-      border-bottom 1px solid #666
+      border-top 1px solid $accentColor
+      border-bottom 1px solid $accentColor
+      //border-top 1px solid #666
+      //border-bottom 1px solid #666
       background-color var(--background-color)
       cursor pointer
       &.dark
         border-radius: $borderRadius 0 0 $borderRadius
-        border-left 1px solid #666
+        //border-left 1px solid #666
+        border-left 1px solid $accentColor
       &.light
+        //border-radius: $borderRadius $borderRadius
+        //border-left 1px solid #666
+        //border-left solid $accentColor
+      &.simple
         border-radius: 0 $borderRadius $borderRadius 0
-        border-right 1px solid #666
+        border-right 1px solid $accentColor
+        //border-right 1px solid #666
       &.active
         background-color: $accentColor;
         color #fff
       &:not(.active)
-        border-right 1px solid #666
+        //border-right 1px solid #666
 </style>
diff --git a/docs/.vuepress/theme/components/Mode/applyMode.js b/docs/.vuepress/theme/components/Mode/applyMode.js
index 44d9a89..196d37a 100644
--- a/docs/.vuepress/theme/components/Mode/applyMode.js
+++ b/docs/.vuepress/theme/components/Mode/applyMode.js
@@ -1,10 +1,27 @@
 import modeOptions from './modeOptions'
 
 function render (mode) {
+
+  switch (mode){
+    case 'dark':
+    case 'light':
+      var script1=document.createElement('script');//创建script标签节点
+      script1.setAttribute('type','text/javascript');//设置script类型
+      script1.setAttribute('src','https://limeng-blog.oss-cn-hangzhou.aliyuncs.com/sakura.js');//设置js地址
+      document.body.appendChild(script1);//将js追加为body的子标签
+  }
+
   const rootElement = document.querySelector(':root')
   const options = modeOptions[mode]
-  const opposite = mode === 'dark' ? 'light' : 'dark'
-
+  let temp = 'dark'
+  switch (mode){
+    case 'dark':
+    case 'simple':
+    case 'light':
+      temp = mode
+  }
+  // const opposite = mode === 'dark' ? 'light' : 'dark'
+  const opposite = temp
   for (const k in options) {
     rootElement.style.setProperty(k, options[k])
   }
@@ -26,11 +43,13 @@ export default function applyMode (mode) {
 
   const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
   const isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches
+  const isSimpleMode = window.matchMedia('(prefers-color-scheme: simple)').matches
 
   if (isDarkMode) render('dark')
   if (isLightMode) render('light')
+  if (isSimpleMode) render('simple')
 
-  if (!isDarkMode && !isLightMode) {
+  if (!isDarkMode && !isLightMode && !isSimpleMode) {
     console.log('You specified no preference for a color scheme or your browser does not support it. I schedule dark mode during night time.')
     const hour = new Date().getHours()
     if (hour < 6 || hour >= 18) render('dark')
diff --git a/docs/.vuepress/theme/components/Mode/modeOptions.js b/docs/.vuepress/theme/components/Mode/modeOptions.js
index bb30b0f..b90c3f9 100644
--- a/docs/.vuepress/theme/components/Mode/modeOptions.js
+++ b/docs/.vuepress/theme/components/Mode/modeOptions.js
@@ -1,4 +1,24 @@
 const modeOptions = {
+  simple: {
+    '--default-color-10': 'rgba(255, 255, 255, 1)',
+    '--default-color-9': 'rgba(255, 255, 255, .9)',
+    '--default-color-8': 'rgba(255, 255, 255, .8)',
+    '--default-color-7': 'rgba(255, 255, 255, .7)',
+    '--default-color-6': 'rgba(255, 255, 255, .6)',
+    '--default-color-5': 'rgba(255, 255, 255, .5)',
+    '--default-color-4': 'rgba(255, 255, 255, .4)',
+    '--default-color-3': 'rgba(255, 255, 255, .3)',
+    '--default-color-2': 'rgba(255, 255, 255, .2)',
+    '--default-color-1': 'rgba(255, 255, 255, .1)',
+    '--background-color': '#fff',
+    '--box-shadow': '0 1px 8px 0 rgba(0, 0, 0, 0.1)',
+    '--box-shadow-hover': '0 2px 16px 0 rgba(0, 0, 0, 0.2)',
+    '--text-color': '#242424',
+    '--text-color-sub': '#7F7F7F',
+    '--border-color': '#eaecef',
+    '--code-color': 'rgba(27, 31, 35, 0.05)',
+    '--mask-color': '#888'
+  },
   light: {
     '--default-color-10': 'rgba(255, 255, 255, 1)',
     '--default-color-9': 'rgba(255, 255, 255, .9)',
diff --git a/docs/.vuepress/theme/components/NoteAbstractItem.vue b/docs/.vuepress/theme/components/NoteAbstractItem.vue
index 2be0f5f..4ad409f 100644
--- a/docs/.vuepress/theme/components/NoteAbstractItem.vue
+++ b/docs/.vuepress/theme/components/NoteAbstractItem.vue
@@ -2,9 +2,10 @@
   <div
     class="abstract-item"
     @click="$router.push(item.path)">
+    <!-- 置顶 -->
     <reco-icon v-if="item.frontmatter.sticky" icon="reco-sticky" />
     <div class="title">
-      <div class="flag flag-left"></div>
+      <div v-if="!item.frontmatter.sticky" class="flag flag-left"></div>
       <reco-icon v-if="item.frontmatter.keys" icon="reco-lock" />
       <router-link :to="item.path">{{item.title}}</router-link>
     </div>
@@ -27,7 +28,7 @@ export default {
 
 <style lang="stylus" scoped>
 .abstract-item
-  border:0.1px solid #f1aeca
+  border:0.1px solid $accentColor
   position relative
   margin: 0 auto 20px;
   padding: 16px 20px;
@@ -93,7 +94,7 @@ export default {
     text-align: center;
     width: 74px;
     //background-color: #69abde;
-    background-color: #f1aeca;
+    background-color: $accentColor;
     color: #fff;
   }
   .flag-left {
diff --git a/docs/.vuepress/theme/enhanceApp.js b/docs/.vuepress/theme/enhanceApp.js
index 36df20e..0c2d925 100644
--- a/docs/.vuepress/theme/enhanceApp.js
+++ b/docs/.vuepress/theme/enhanceApp.js
@@ -5,6 +5,7 @@ import { addLinkToHead, addScriptToHead } from '@theme/helpers/utils'
 import { registerCodeThemeCss, interceptRouterError } from '@theme/helpers/other'
 import VueCompositionAPI from '@vue/composition-api'
 import copy from "./mixins/copy";
+// import sakura from "./mixins/sakura"
 
 export default ({
   Vue,
diff --git a/docs/.vuepress/theme/mixins/sakura.js b/docs/.vuepress/theme/mixins/sakura.js
index d6a795b..4ec2a51 100644
--- a/docs/.vuepress/theme/mixins/sakura.js
+++ b/docs/.vuepress/theme/mixins/sakura.js
@@ -133,9 +133,9 @@ function startSakura() {
 window.onresize = function () {
     var canvasSnow = document.getElementById('canvas_snow');
 }
-img.onload = function () {
-    startSakura();
-}
+// img.onload = function () {
+//     startSakura();
+// }
 
 function stopp() {
     if (staticx) {
diff --git a/docs/.vuepress/theme/styles/custom-blocks.styl b/docs/.vuepress/theme/styles/custom-blocks.styl
index 6bc716a..8eeffa0 100644
--- a/docs/.vuepress/theme/styles/custom-blocks.styl
+++ b/docs/.vuepress/theme/styles/custom-blocks.styl
@@ -3,7 +3,7 @@
     font-weight 600
     margin-bottom -0.4rem
   &.tip, &.warning, &.danger
-    border:0.4px solid #f1aeca
+    border:0.4px solid $accentColor
     //border:0.4px solid #69abde
     padding .1rem 1.5rem
     border-left-width .3rem
@@ -11,10 +11,10 @@
     margin 1rem 0
   &.tip
     //background-color var(--code-color)
-    border-color #f1aeca
+    border-color $accentColor
     //border-color #69abde
     .title
-      color #f1aeca
+      color $accentColor
       //color #69abde
   &.warning
     //background-color var(--code-color)
diff --git a/docs/quality/bug-flow.md b/docs/quality/bug-flow.md
index ec9d0c6..85f5c49 100644
--- a/docs/quality/bug-flow.md
+++ b/docs/quality/bug-flow.md
@@ -4,6 +4,7 @@ date: 2020-06-29 22:06:23
 tags: [缺陷的生命周期]
 categories: [质量体系]
 author: Anges黎梦
+sticky: 1
 ---
 
 ## 什么是软件缺陷？
diff --git a/docs/quality/defect-grade.md b/docs/quality/defect-grade.md
index 82bd724..f7b4468 100644
--- a/docs/quality/defect-grade.md
+++ b/docs/quality/defect-grade.md
@@ -5,6 +5,7 @@ categories: [质量体系]
 author: Anges黎梦
 tags:
 - 缺陷等级
+sticky: 1
 ---
 
 > 仅个人总结，提供参考，实际定级需要结合公司业务和场景评估。
diff --git a/docs/quality/dev-flow.md b/docs/quality/dev-flow.md
index c679dc1..4391d39 100644
--- a/docs/quality/dev-flow.md
+++ b/docs/quality/dev-flow.md
@@ -4,6 +4,7 @@ date: 2020-06-28 16:37:55
 tags: [研发流程与规范]
 categories: [质量体系]
 author: Anges黎梦
+sticky: 1
 ---
 
 ### 开始之前