feat: 夜间模式优化

D-Sketon · Jan 10, 2024 · 2c9a2c8 · 2c9a2c8
1 parent f6bb7a3
commit 2c9a2c8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/source/css/_extend.styl b/source/css/_extend.styl
@@ -30,7 +30,7 @@ $base-style
     &:before
       content: ""
       width: 100%
-      border-bottom: 1px solid #eee
+      border-bottom: 1px solid var(--color-h2-border)
       position: absolute
       bottom: -15px
       box-sizing: unset

diff --git a/source/css/_partial/sidebar.styl b/source/css/_partial/sidebar.styl
@@ -496,6 +496,9 @@ $siderbar-btn-icon
   margin: 20px
   transition: all 0.3s ease
 
+  [data-theme="dark"] &
+    filter: brightness(0.8)
+
 .sidebar-btn-wrapper
   display: flex
   justify-content: center

diff --git a/source/css/_variables.styl b/source/css/_variables.styl
@@ -31,6 +31,7 @@
   --color-dark-pinterest: darken(#cb2027, 20%)
   --color-dark-linkedin: darken(#0077B5, 20%)
 
+  --color-h2-border: #eee
   --color-meta-shadow: --var(--red-6)
   --color-hover-shadow: rgba(150, 150, 150, 0.1)
   --color-h2-after: rgba(255, 0, 0, 0.6)
@@ -64,7 +65,7 @@
     --color-default-font: #999
     --color-default: #999
     --color-grey: #999
-    --color-border: var(--red-3)
+    --color-border: var(--red-5)
     --color-link: var(--red-1)
     --color-dark-link: darken(#ff5252, 20%)
     --color-background: #21252b
@@ -83,6 +84,7 @@
     --color-dark-pinterest: darken(#cb2027, 20%)
     --color-dark-linkedin: darken(#0077B5, 20%)
 
+    --color-h2-border: #47474a
     --color-meta-shadow: rgba(0, 0, 0, 0.2)
     --color-hover-shadow: rgba(0, 0, 0, 0.2)
     --color-h2-after: #ff5252