修复bug

docs/.vuepress/plugins/enhanced-search/EnhancedSearchBox.vue

@@ -268,9 +268,9 @@ export default {
         font-size 0.9em
         margin-left 0.25em
     &:hover
-      background-color #f3f4f5
+      background-color rgba(150,150,150,.2)
     &.focused
-      background-color #f3f4f5
+      background-color rgba(150,150,150,.2)
       a
         color $accentColor
 

docs/.vuepress/styles/index.styl

@@ -19,8 +19,10 @@ h1
   .gt-meta
     border-color var(--borderColor)!important
   .gt-comments-null
-    color #999
+    color var(--textColor)
+    opacity .5
   .gt-header-textarea
+    color var(--textColor)
     background rgba(180,180,180,0.1)!important
   .gt-btn
     border-color $accentColor!important
@@ -56,9 +58,12 @@ h1
   transform:scale(0.85);
 
 // demo模块图标颜色
-body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover
-  .vuepress-plugin-demo-block__expand::before
-    border-top-color: $accentColor !important;
-    border-bottom-color: $accentColor !important;
-  svg
-    fill: $accentColor !important;
+body .vuepress-plugin-demo-block__wrapper
+  &,.vuepress-plugin-demo-block__display
+    border-color rgba(160,160,160,.3)
+  .vuepress-plugin-demo-block__footer:hover
+    .vuepress-plugin-demo-block__expand::before
+      border-top-color: $accentColor !important;
+      border-bottom-color: $accentColor !important;
+    svg
+      fill: $accentColor !important;

theme-vdoing/components/Home.vue

@@ -311,6 +311,7 @@ body .main-wrapper
         display block
         float left
         text-align center
+        opacity .8
         &:hover
           color $accentColor
     .blogger

theme-vdoing/styles/code.styl

@@ -21,14 +21,16 @@
     border-radius 6px
     overflow auto
     code
-      color #fff
+      // color #fff
+      color var(--codeColor)
       padding 0
       background-color transparent
       border-radius 0
 
 div[class*="language-"]
   position relative
-  background-color $codeBgColor
+  // background-color $codeBgColor
+  background-color var(--codeBgColor)
   border-radius 6px
   .highlight-lines
     user-select none
@@ -49,8 +51,9 @@ div[class*="language-"]
     z-index 3
     top 0.8em
     right 1em
-    font-size 0.75rem
-    color rgba(255, 255, 255, 0.4)
+    font-size 0.8rem
+    color rgba(150,150,150,.5)
+    // color rgba(255, 255, 255, 0.4)
   &:not(.line-numbers-mode)
     .line-numbers-wrapper
       display none
@@ -134,4 +137,259 @@ div[class~="language-bash"]:before
 div[class~="language-php"]:before
   content "php"
 
-@import '~prismjs/themes/prism-tomorrow.css'
+// 适合浅色背景 //@import '~prismjs/themes/prism.css'
+codeThemeDaytime()
+  code[class*="language-"],
+  pre[class*="language-"] {
+    color: black;
+    background: none;
+    text-shadow: 0 1px white;
+    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+    font-size: 1em;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none;
+  }
+
+  pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+  code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+    text-shadow: none;
+    background: #b3d4fc;
+  }
+
+  pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+  code[class*="language-"]::selection, code[class*="language-"] ::selection {
+    text-shadow: none;
+    background: #b3d4fc;
+  }
+
+  @media print {
+    code[class*="language-"],
+    pre[class*="language-"] {
+      text-shadow: none;
+    }
+  }
+
+  /* Code blocks */
+  pre[class*="language-"] {
+    padding: 1em;
+    margin: .5em 0;
+    overflow: auto;
+  }
+
+  :not(pre) > code[class*="language-"],
+  pre[class*="language-"] {
+    background: #f5f2f0;
+  }
+
+  /* Inline code */
+  :not(pre) > code[class*="language-"] {
+    padding: .1em;
+    border-radius: .3em;
+    white-space: normal;
+  }
+
+  .token.comment,
+  .token.prolog,
+  .token.doctype,
+  .token.cdata {
+    color: slategray;
+  }
+
+  .token.punctuation {
+    color: #999;
+  }
+
+  .namespace {
+    opacity: .7;
+  }
+
+  .token.property,
+  .token.tag,
+  .token.boolean,
+  .token.number,
+  .token.constant,
+  .token.symbol,
+  .token.deleted {
+    color: #905;
+  }
+
+  .token.selector,
+  .token.attr-name,
+  .token.string,
+  .token.char,
+  .token.builtin,
+  .token.inserted {
+    color: #690;
+  }
+
+  .token.operator,
+  .token.entity,
+  .token.url,
+  .language-css .token.string,
+  .style .token.string {
+    color: #9a6e3a;
+    background: hsla(0, 0%, 100%, .5);
+  }
+
+  .token.atrule,
+  .token.attr-value,
+  .token.keyword {
+    color: #07a;
+  }
+
+  .token.function,
+  .token.class-name {
+    color: #DD4A68;
+  }
+
+  .token.regex,
+  .token.important,
+  .token.variable {
+    color: #e90;
+  }
+
+  .token.important,
+  .token.bold {
+    font-weight: bold;
+  }
+  .token.italic {
+    font-style: italic;
+  }
+
+  .token.entity {
+    cursor: help;
+  }
+
+
+// 适合深色背景 // @import '~prismjs/themes/prism-tomorrow.css'
+codeThemeNight()
+  code[class*="language-"],
+  pre[class*="language-"] {
+    color: #ccc;
+    background: none;
+    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+    font-size: 1em;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none;
+
+  }
+
+  /* Code blocks */
+  pre[class*="language-"] {
+    padding: 1em;
+    margin: .5em 0;
+    overflow: auto;
+  }
+
+  :not(pre) > code[class*="language-"],
+  pre[class*="language-"] {
+    background: #2d2d2d;
+  }
+
+  /* Inline code */
+  :not(pre) > code[class*="language-"] {
+    padding: .1em;
+    border-radius: .3em;
+    white-space: normal;
+  }
+
+  .token.comment,
+  .token.block-comment,
+  .token.prolog,
+  .token.doctype,
+  .token.cdata {
+    color: #999;
+  }
+
+  .token.punctuation {
+    color: #ccc;
+  }
+
+  .token.tag,
+  .token.attr-name,
+  .token.namespace,
+  .token.deleted {
+    color: #e2777a;
+  }
+
+  .token.function-name {
+    color: #6196cc;
+  }
+
+  .token.boolean,
+  .token.number,
+  .token.function {
+    color: #f08d49;
+  }
+
+  .token.property,
+  .token.class-name,
+  .token.constant,
+  .token.symbol {
+    color: #f8c555;
+  }
+
+  .token.selector,
+  .token.important,
+  .token.atrule,
+  .token.keyword,
+  .token.builtin {
+    color: #cc99cd;
+  }
+
+  .token.string,
+  .token.char,
+  .token.attr-value,
+  .token.regex,
+  .token.variable {
+    color: #7ec699;
+  }
+
+  .token.operator,
+  .token.entity,
+  .token.url {
+    color: #67cdcc;
+  }
+
+  .token.important,
+  .token.bold {
+    font-weight: bold;
+  }
+  .token.italic {
+    font-style: italic;
+  }
+
+  .token.entity {
+    cursor: help;
+  }
+
+  .token.inserted {
+    color: green;
+  }
+

theme-vdoing/styles/custom-blocks.styl

@@ -11,7 +11,7 @@
     background-color #f3f5f7
     border-color #42b983
   &.warning
-    background-color rgba(255,229,100,.3)
+    background-color #FFF7D0
     border-color darken(#ffe564, 35%)
     color darken(#ffe564, 70%)
     .custom-block-title

theme-vdoing/styles/index.styl

@@ -128,8 +128,9 @@ kbd
 
 blockquote
   font-size 1rem
-  color #999;
-  border-left .2rem solid #dfe2e5
+  color #666
+  opacity .75
+  border-left .2rem solid rgba(100,100,100,.3)
   margin 1rem 0
   padding .25rem 0 .25rem 1rem
 
@@ -210,6 +211,8 @@ tr
 th, td
   border 1px solid var(--borderColor)
   padding .6em 1em
+  a
+    word-break break-all
 
 .theme-container
   background var(--bg)

theme-vdoing/styles/theme-mode.styl

@@ -1,20 +1,29 @@
-// 日间模式变量
+// 日间模式
 .theme-mode-daytime
   --bg: #fff
   --textColor: #004050
   --textLightenColor: #0085AD
   --borderColor: rgba(0,0,0,.15)
+  --codeBgColor: #f8f8f8
+  --codeColor: #525252
+  codeThemeDaytime()
 
-// 夜间模式变量
+// 夜间模式
 .theme-mode-night
   --bg: #191828
   --textColor: #686880
   --textLightenColor: #0085AD
   --borderColor: #2C2C3A
+  --codeBgColor: #282c34
+  --codeColor: #fff
+  codeThemeNight()
 
-// 阅读模式变量
+// 阅读模式
 .theme-mode-read
   --bg: #f5f5d5 // 杏仁黄
   --textColor: #004050
   --textLightenColor: #0085AD
   --borderColor: rgba(0,0,0,.15)
+  --codeBgColor: #282c34
+  --codeColor: #fff
+  codeThemeNight()