From c7e49fd954770fe068382dde77cc1b73b50d8e2e Mon Sep 17 00:00:00 2001
From: Daniel Souza <danisztls@gmail.com>
Date: Mon, 3 May 2021 09:50:34 -0300
Subject: [PATCH] Fix table border on dark-mode

---
 _posts/2021-04-27-dark-mode.md | 12 +++++++++++-
 _sass/base/_variables.scss     |  2 ++
 _sass/layouts/_posts.scss      |  4 ++++
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/_posts/2021-04-27-dark-mode.md b/_posts/2021-04-27-dark-mode.md
index 50f3201774..f3899630a4 100644
--- a/_posts/2021-04-27-dark-mode.md
+++ b/_posts/2021-04-27-dark-mode.md
@@ -22,7 +22,7 @@ Click the half-moon most top-right button to turn the lights on/off.
 ###### [Level 6](http://localhost)
 
 
-# Code highlight
+## Code highlight
 Mode specific code highlighting themes.
 
 ```python
@@ -105,3 +105,13 @@ spam = 42  # UNCOLOURED: assignment
 all  # Built-in functions
 GeneratorExit  # Exceptions
 ```
+
+## Tables
+
+| hex | dec | oct |
+| -   | -   | -   |
+| 0   | 0   | 0   |
+| 5   | 5   | 5   |
+| A   | 10  | 12  |
+| F   | 16  | 20  |
+| F5  | 21  | 25  |
diff --git a/_sass/base/_variables.scss b/_sass/base/_variables.scss
index cfa18b10c5..6c7ec54ebe 100644
--- a/_sass/base/_variables.scss
+++ b/_sass/base/_variables.scss
@@ -108,6 +108,7 @@ html, html[data-theme="light"] {
   --h5: #262626;
   --h6: #262626;
   --border: rgba(0, 0, 0, 0.1);
+  --td-border: rgba(0, 0, 0, 0.1);
 }
 
 html[data-theme="dark"] {
@@ -130,4 +131,5 @@ html[data-theme="dark"] {
   --h5: #6bac00;
   --h6: #ff5c00;
   --border: rgba(0, 0, 0, 0.1); // border
+  --td-border: rgba(255, 255, 255, 0.5); // table border
 }
diff --git a/_sass/layouts/_posts.scss b/_sass/layouts/_posts.scss
index a74a72958d..035dac6e1f 100644
--- a/_sass/layouts/_posts.scss
+++ b/_sass/layouts/_posts.scss
@@ -153,3 +153,7 @@ header {
     }
   }
 }
+
+td, th {
+  border: 1px solid var(--td-border);
+}