From a35050a4628e7c4d5e31b8cf3a02e9a34541b022 Mon Sep 17 00:00:00 2001
From: Sam Al-Sapti <sam@sapti.me>
Date: Sun, 20 Nov 2022 18:07:04 +0100
Subject: [PATCH] Temporary fix for code blocks

---
 assets/scss/_base_dark.scss | 106 ++++++++++++++++++++++++++++++++++++
 1 file changed, 106 insertions(+)
 create mode 100644 assets/scss/_base_dark.scss

diff --git a/assets/scss/_base_dark.scss b/assets/scss/_base_dark.scss
new file mode 100644
index 0000000..11a6593
--- /dev/null
+++ b/assets/scss/_base_dark.scss
@@ -0,0 +1,106 @@
+@mixin base_dark {
+  color: $fg-color-dark;
+  background-color: $bg-color-dark;
+
+  a {
+    color: $link-color-dark;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    color: $alt-fg-color-dark;
+
+    &:hover .heading-link {
+      visibility: visible;
+    }
+
+    .heading-link {
+      color: $link-color-dark;
+      font-weight: inherit;
+      text-decoration: none;
+      font-size: 80%;
+      visibility: hidden;
+    }
+
+    .title-link {
+      color: inherit;
+      font-weight: inherit;
+      text-decoration: none;
+    }
+  }
+
+  code {
+    background-color: $alt-bg-color-dark;
+    color: $fg-color-dark;
+  }
+
+  // fix color schemes which do not explicitly set fg-color
+  .highlight {
+    pre {
+      background-color: $alt-bg-color-dark;
+      color: $fg-color-dark;
+
+      code {
+        background-color: inherit;
+        color: inherit;
+      }
+    }
+  }
+
+  :not(.highlight) > pre {
+    code {
+      background-color: inherit;
+      color: inherit;
+    }
+  }
+
+  blockquote {
+    border-left: 2px solid $alt-bg-color-dark;
+  }
+
+  th,
+  td {
+    padding: 1.6rem;
+  }
+
+  table {
+    border-collapse: collapse;
+  }
+
+  table td,
+  table th {
+    border: 2px solid $alt-fg-color-dark;
+  }
+
+  table tr:first-child th {
+    border-top: 0;
+  }
+
+  table tr:last-child td {
+    border-bottom: 0;
+  }
+
+  table tr td:first-child,
+  table tr th:first-child {
+    border-left: 0;
+  }
+
+  table tr td:last-child,
+  table tr th:last-child {
+    border-right: 0;
+  }
+}
+
+body.colorscheme-dark {
+  @include base_dark();
+}
+
+body.colorscheme-auto {
+  @media (prefers-color-scheme: dark) {
+    @include base_dark();
+  }
+}