From 3d7e917a4619d47374ca4e245c5d433db9d9644f Mon Sep 17 00:00:00 2001
From: rossamurphy <ross.a.murphy@gmail.com>
Date: Sun, 20 Oct 2024 14:07:34 +0100
Subject: [PATCH] atomic PR which makes Blockquotes and Foonotes easier to read
 in Dark mode.

---
 src/_includes/layouts/post.vto | 4 ++--
 src/styles.css                 | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/_includes/layouts/post.vto b/src/_includes/layouts/post.vto
index 314d4b0..c9189b1 100644
--- a/src/_includes/layouts/post.vto
+++ b/src/_includes/layouts/post.vto
@@ -9,7 +9,7 @@ bodyClass: body-post
     {{ include "templates/post-details.vto" }}
   </header>
 
-  {{ if toc.length }}
+  {{ if toc?.length }}
   <nav class="toc">
     <h2>{{ i18n.nav.toc }}</h2>
     <ol>
@@ -36,7 +36,7 @@ bodyClass: body-post
     {{ content }}
   </div>
 
-  {{ if it.footnotes.length }}
+  {{ if it.footnotes?.length }}
   <aside role="note" class="footnotes">
     <dl>
       {{ for note of footnotes }}
diff --git a/src/styles.css b/src/styles.css
index 7929b0a..8f1c75c 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -14,6 +14,15 @@
   --color-link-hover: var(--color-dim);
 }
 
+[data-theme="dark"] main blockquote {
+  font-size: 0.95rem;
+  color: #f1f1f1;
+}
+
+[data-theme="dark"] .footnote {
+  color: #f1f1f1;
+}
+
 /* Page layout */
 main {
   padding: var(--row-gap-medium) 0;