Add dark theme code blocks

1 files changed, 16 insertions, 2 deletions

diff --git a/src/css/design.scss b/src/css/design.scss
index a535536..10086ce 100755
--- a/src/css/design.scss
+++ b/src/css/design.scss
@@ -186,8 +186,22 @@ code {
   border-radius: 8px;
   padding: 0 5px;
 
-  color: #c22222;
-  background: #FFF;
+  @mixin lightMode {
+    color: #c22222;
+    background: #FFF;
+  }
+  @mixin darkMode {
+    color: red;
+    background: black;
+  }
+
+  @media (prefers-color-scheme: dark) { @include darkMode; }
+  @media (prefers-color-scheme: light) { @include lightMode; }
+
+  &.light { @include lightMode; }
+  &.dark { @include darkMode; }
+
+
 }
 table, th, td {
   padding: 7px 13px;