From c34d96fdd137e09c57c2b6c382eff9aa535abf53 Mon Sep 17 00:00:00 2001
From: D3473R <d3473r@gmail.com>
Date: Sat, 23 Nov 2019 14:13:32 +0100
Subject: [PATCH] Fix table in dark theme

---
 src/sass/common/_themes.scss        | 6 ++++++
 src/sass/layouts/_post-content.scss | 7 +++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/sass/common/_themes.scss b/src/sass/common/_themes.scss
index 57c0273..e32f33e 100644
--- a/src/sass/common/_themes.scss
+++ b/src/sass/common/_themes.scss
@@ -17,6 +17,8 @@
   --button-shadow-color-normal: rgba(108, 108, 108, 0.2);
   --button-shadow-color-hover: rgba(108, 108, 108, 0.3);
   --toggle-darkmode-button-color: #fff;
+  --table-background-color-odd: #fafafa;
+  --table-head-border-bottom: #e2e2e2;
 }
 
 [data-theme="dark"] {
@@ -37,6 +39,8 @@
   --button-shadow-color-normal: rgba(10, 10, 10, 0.5);
   --button-shadow-color-hover: rgba(10, 10, 10, 0.5);
   --toggle-darkmode-button-color: #efd114;
+  --table-background-color-odd: #050505;
+  --table-head-border-bottom: #1d1d1d;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -58,5 +62,7 @@
     --button-shadow-color-normal: rgba(10, 10, 10, 0.5);
     --button-shadow-color-hover: rgba(10, 10, 10, 0.5);
     --toggle-darkmode-button-color: #efd114;
+    --table-background-color-odd: #050505;
+    --table-head-border-bottom: #1d1d1d;
   }
 }
diff --git a/src/sass/layouts/_post-content.scss b/src/sass/layouts/_post-content.scss
index 6c7ed08..f5248d6 100644
--- a/src/sass/layouts/_post-content.scss
+++ b/src/sass/layouts/_post-content.scss
@@ -330,7 +330,7 @@
     }
 
     thead {
-      border-bottom: 1px solid #e2e2e2;
+      border-bottom: 1px solid var(--table-head-border-bottom);
 
       td {
         font-weight: 600;
@@ -338,8 +338,11 @@
     }
 
     tbody {
+      tr:nth-child(even) {
+        background-color: var(--background-color);
+      }
       tr:nth-child(odd) {
-        background-color: #fafafa;
+        background-color: var(--table-background-color-odd);
       }
     }