Merge pull request #354 from undergroundwires/hardcoded

Fix hardcoded color

2 files changed, 5 insertions, 3 deletions

diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss
index 2761611..c232825 100644
--- a/assets/scss/_main.scss
+++ b/assets/scss/_main.scss
@@ -191,14 +191,14 @@ figure {
 
 em, i, strong {
   // Default
-  color: black;
+  color: $light-color-variant;
 
   @media (prefers-color-scheme: dark) {
-    color: white;
+    color: $dark-color-variant;
   }
 
   @media (prefers-color-scheme: light) {
-    color: black;
+    color: $light-color-variant;
   }
 
   [data-theme=dark] & {
diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
index c1367cd..8bd9bc0 100644
--- a/assets/scss/_variables.scss
+++ b/assets/scss/_variables.scss
@@ -5,6 +5,7 @@ $light-background: #fff;
 $light-background-secondary: #eaeaea;
 $light-background-header: #fafafa;
 $light-color: #222;
+$light-color-variant: black;
 $light-color-secondary: #999;
 $light-border-color: #dcdcdc;
 $light-table-color: #dcdcdc;
@@ -14,6 +15,7 @@ $dark-background: #232425;
 $dark-background-secondary: #3b3d42;
 $dark-background-header: #1b1c1d;
 $dark-color: #a9a9b3;
+$dark-color-variant: white;
 $dark-color-secondary: #b3b3bd;
 $dark-border-color: #4e4e57;
 $dark-table-color: #4e4e57;