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);
       }
     }