From e09fd4d6c86b48637bf575a744d9c2323b43f80f Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Sat, 11 Jan 2020 17:52:38 +0800
Subject: [PATCH] Beautified the table's in dark mode.

---
 assets/css/_dark/dark-main.scss   | 3 ++-
 assets/css/_dark/dark-syntax.scss | 4 ++++
 assets/css/main.scss              | 6 +++++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/assets/css/_dark/dark-main.scss b/assets/css/_dark/dark-main.scss
index a1288a6..3e9a210 100644
--- a/assets/css/_dark/dark-main.scss
+++ b/assets/css/_dark/dark-main.scss
@@ -44,7 +44,8 @@
     --toc-highlight: rgb(116, 178, 243);
     --tag-bg: rgb(41, 40, 40);
     --tag-hover: rgb(43, 56, 62);
-    --tb-odd-bg: rgb(50, 51, 41); /* posts' table odd line */
+    --tb-odd-bg: rgba(52, 53, 42, 0.52); /* odd rows of the posts' table */
+    --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */
 
     /* tags */
     --tag-border: rgb(59, 79, 88);
diff --git a/assets/css/_dark/dark-syntax.scss b/assets/css/_dark/dark-syntax.scss
index 3c16175..e9daaa5 100644
--- a/assets/css/_dark/dark-syntax.scss
+++ b/assets/css/_dark/dark-syntax.scss
@@ -82,4 +82,8 @@
     color: #818c96; /* override Bootstrap */
   }
 
+  kbd {
+    background-color: black;
+  }
+
 }
\ No newline at end of file
diff --git a/assets/css/main.scss b/assets/css/main.scss
index a1a26c1..a71c7fc 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -722,7 +722,11 @@ table thead {
   border-bottom: solid 2px rgba(210, 215, 217, 0.75);
 }
 
-table thead+tbody tr {
+table thead+tbody tr:nth-child(2n) {
+  background-color: var(--tb-even-bg);
+}
+
+table thead+tbody tr:last-child:nth-child(2n) {
   border-bottom: solid 1px var(--tb-odd-bg, rgba(210, 215, 217, 0.75));
 }