From aec06d3e46766395e11c988329da5718a6d927cb Mon Sep 17 00:00:00 2001
From: Chris Kankiewicz <Chris@ChrisKankiewicz.com>
Date: Wed, 30 Dec 2020 13:36:49 -0700
Subject: [PATCH] Inlined markdown dark styles

---
 app/resources/sass/markdown.scss | 47 +++++++-------------------------
 1 file changed, 10 insertions(+), 37 deletions(-)

diff --git a/app/resources/sass/markdown.scss b/app/resources/sass/markdown.scss
index e4fb81a..9be0800 100644
--- a/app/resources/sass/markdown.scss
+++ b/app/resources/sass/markdown.scss
@@ -2,10 +2,10 @@
     @apply break-words;
 
     a {
-        @apply text-blue-600 underline;
+        @apply text-blue-600 underline dark:text-purple-600;
 
         &:hover {
-            @apply text-blue-800;
+            @apply text-blue-800 dark:text-purple-800;
         }
     }
 
@@ -30,11 +30,11 @@
     }
 
     h1 {
-        @apply border-b border-gray-400 text-4xl;
+        @apply border-b border-gray-400 text-4xl dark:border-gray;
     }
 
     h2 {
-        @apply border-b border-gray-400 text-3xl;
+        @apply border-b border-gray-400 text-3xl dark:border-gray;
     }
 
     h3 {
@@ -63,15 +63,19 @@
     }
 
     code {
-        @apply bg-gray-200 rounded-sm font-mono p-1 overflow-y-auto;
+        @apply bg-gray-200 rounded-sm font-mono p-1 overflow-y-auto dark:bg-gray-800;
     }
 
     pre > code {
         @apply block p-4 text-sm whitespace-pre;
     }
 
+    .hljs, .hljs-keyword {
+        @apply dark:text-white;
+    }
+
     hr {
-        @apply border-t-2 border-gray-400 my-4;
+        @apply border-t-2 border-gray-400 my-4 dark:border-gray-800;
     }
 
     blockquote {
@@ -108,34 +112,3 @@
         @apply mb-0;
     }
 }
-
-body.dark .markdown {
-    a {
-        @apply text-purple-600;
-
-        &:hover {
-            @apply text-purple-800;
-        }
-    }
-
-    h1, h2 {
-        @apply border-gray-800;
-    }
-
-    h6 {
-        @apply text-base;
-        @apply text-gray-600;
-    }
-
-    code {
-        @apply bg-gray-800;
-    }
-
-    hr {
-        @apply border-gray-800;
-    }
-
-    .hljs, .hljs-keyword {
-        @apply text-white;
-    }
-}