更新

2020-11-23 19:01:28 +08:00
1 parent 522abb824b
commit 63389e016a
@@ -0,0 +1,156 @@
+if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
+  [data-theme='dark']
+    --global-bg: darken(#121212, 2)
+    --font-color: alpha(#FFFFFF, .7)
+    --hr-border: alpha(#FFFFFF, .4)
+    --hr-before-color: alpha(#FFFFFF, .7)
+    --search-bg: #121212
+    --search-input-color: alpha(#FFFFFF, .7)
+    --search-result-title: alpha(#FFFFFF, .9)
+    --preloader-bg: darken(#121212, 2)
+    --preloader-color: alpha(#FFFFFF, .7)
+    --tab-border-color: #2c2c2c
+    --tab-botton-bg: #2c2c2c
+    --tab-botton-color: alpha(#FFFFFF, .7)
+    --tab-button-hover-bg: lighten(#121212, 15)
+    --tab-button-active-bg: #121212
+    --card-bg: #121212
+    --sidebar-bg: #121212
+    --btn-hover-color: lighten(#121212, 40)
+    --btn-color: alpha(#FFFFFF, .7)
+    --btn-bg: lighten(#121212, 5)
+    --text-bg-hover: lighten(#121212, 15)
+    --light-grey: alpha(#FFFFFF, .7)
+    --white: alpha(#FFFFFF, .9)
+    --text-highlight-color: alpha(#FFFFFF, .9)
+    --blockquote-color: alpha(#FFFFFF, .7)
+    --blockquote-bg: lighten(#121212, 10)
+    --reward-pop: lighten(#121212, 10)
+    --toc-link-color: alpha(#FFFFFF, .6)
+
+    #web_bg:before,
+    #footer:before,
+    #page-header:before
+      position: absolute
+      width: 100%
+      height: 100%
+      background-color: alpha($dark-black, .7)
+      content: ''
+
+    #article-container
+      code
+        background: #2c2c2c
+
+      pre > code
+        background: 0
+
+      .note
+        code
+          background: $code-background
+
+      .aplayer
+        filter: brightness(.8)
+
+    // 頭部
+    #page-header
+      & > #nav.fixed,
+      &.no-top-img #nav
+        background: alpha(#121212, .8)
+        box-shadow: 0 5px 6px -5px rgba(133, 133, 133, 0)
+
+    // 代碼框
+    #article-container
+      pre,
+      .highlight:not(.js-file-line-container)
+        background-color: lighten(#121212, 2) !important
+        color: alpha(#FFFFFF, .7) !important
+
+      figure.highlight
+        box-shadow: none
+
+        if hexo-config('highlight_settings') && hexo-config('highlight_settings.enable')
+          table::-webkit-scrollbar-thumb
+            background: lighten(#121212, 5)
+
+          .line:before
+            color: alpha(#FFFFFF, .7) !important
+
+          .hljs
+            background-color: lighten(#121212, 2) !important
+
+        pre[class*='language-']::-webkit-scrollbar-thumb
+          background: lighten(#121212, 5)
+
+        .highlight-tools
+          background: lighten(#121212, 3) !important
+          color: #90a4ae !important
+
+    #post-comment
+      #comment-switch
+        if hexo-config('comments.text')
+          background: #2c2c2c !important
+
+        .switch-btn
+          filter: brightness(.8)
+
+    // note
+    if hexo-config('note.style') == 'modern' || hexo-config('note.style') == 'flat'
+      .note
+        filter: brightness(.8)
+
+    // hide-tags
+    .hide-button,
+    .btn-beautify,
+    .mermaid,
+    .post-outdate-notice,
+    .error-img,
+    #article-container iframe,
+    img,
+    .gist
+      filter: brightness(.8)
+
+    #aside_content .aside-list > .aside-list-item:not(:last-child)
+      border-bottom: 1px dashed alpha(#FFFFFF, .1)
+
+    // 第三方
+    // 插件 hexo-blog-encrypt
+    #hexo-blog-encrypt
+      label,
+      input
+        color: alpha(#FFFFFF, .7) !important
+
+      input
+        background-color: #121212
+
+    // Gitalk
+    #gitalk-container
+      filter: brightness(.8)
+
+      svg
+        fill: alpha(#FFFFFF, .9) !important
+
+    // Disqus and Disqusjs
+    #disqus_thread
+      #dsqjs
+        .dsqjs-tab-active,
+        .dsqjs-no-comment
+          color: alpha(#FFFFFF, .7)
+
+        .dsqjs-order-label
+          background-color: lighten(#121212, 5)
+
+        .dsqjs-post-body
+          color: alpha(#FFFFFF, .7)
+
+          code,
+          pre
+            background: #2c2c2c
+
+          blockquote
+            color: alpha(#FFFFFF, .7)
+
+    #artitalk_main #lazy
+      background: #121212
+
+    #operare_artitalk .c2
+      background: #121212