From 81f26230551c104efa6e72e390dc0279c187b0db Mon Sep 17 00:00:00 2001
From: Jeffrey Tse <jeffreytse.mail@gmail.com>
Date: Thu, 3 Aug 2023 22:24:35 +0800
Subject: perf: better css styles

---
 _sass/yat/_dark.scss | 49 +++++++++++++++++++++++++++++--------------------
 1 file changed, 29 insertions(+), 20 deletions(-)

(limited to '_sass/yat/_dark.scss')

diff --git a/_sass/yat/_dark.scss b/_sass/yat/_dark.scss
index e9a7cb9..11bd327 100644
--- a/_sass/yat/_dark.scss
+++ b/_sass/yat/_dark.scss
@@ -1,5 +1,5 @@
-$dark-background-color:       #0e0e0e !default;
-$dark-text-color: #bbb !default;
+$dark-background-color: #0e0e0e !default;
+$dark-text-color: #b0b0b0 !default;
 
 html[data-theme="dark"]  {
   &[data-scroll-status='top'] {
@@ -89,7 +89,7 @@ html[data-theme="dark"]  {
   }
 
   .left-vsplit:before {
-    background-color: #9a9a9a;
+    background-color: #505050;
   }
 
   .page-banner {
@@ -101,10 +101,6 @@ html[data-theme="dark"]  {
   }
 
   .pagination {
-    .post-link {
-      color: $dark-text-color;
-    }
-
     .post-title {
       a:visited:after {
         background-color: $dark-background-color;
@@ -115,6 +111,14 @@ html[data-theme="dark"]  {
       }
     }
 
+    .post-link {
+      color: #bbb;
+    }
+
+    .post-excerpt {
+      color: $grey-color;
+    }
+
     .post-list {
       & > li:not(:last-child) {
         border-bottom: 1px solid #545454;
@@ -151,24 +155,29 @@ html[data-theme="dark"]  {
       img:not(.emoji):not([raw]) {
         background-color: #ffffff33;
       }
-    }
-  }
 
-  .post-related {
-    & > *:first-child {
-      color: #d7d7d7;
+      hr {
+        background-color: #555;
+      }
     }
 
-    a:visited:after {
-      background-color: $dark-background-color;
-    }
+    .post-related {
+      & > *:first-child {
+        color: #d7d7d7;
+      }
 
-    a:after {
-      color: $dark-background-color;
-    }
+      a:visited:after {
+        color: $dark-background-color;
+        background-color: $dark-background-color;
+      }
 
-    a:hover {
-      color: #aaa;
+      a:after {
+        color: $dark-background-color;
+      }
+
+      a:hover {
+        color: #aaa;
+      }
     }
   }
 
-- 
cgit v1.2.3