From f6fc9a6193dfe88b0dea75d1d090b2593e54e24c Mon Sep 17 00:00:00 2001
From: kiosion <hi@kio.dev>
Date: Fri, 3 Nov 2023 17:24:43 -0400
Subject: [PATCH] fix: Timeline text colours

---
 svelte-app/src/components/about/timeline-item.svelte    | 8 +++++++-
 svelte-app/src/components/about/timeline-section.svelte | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/svelte-app/src/components/about/timeline-item.svelte b/svelte-app/src/components/about/timeline-item.svelte
index 0c3363bb7..517e12f5b 100644
--- a/svelte-app/src/components/about/timeline-item.svelte
+++ b/svelte-app/src/components/about/timeline-item.svelte
@@ -31,7 +31,7 @@
   }
 
   h2 {
-    @apply text-lg font-bold text-white;
+    @apply text-lg font-bold text-dark;
   }
 
   div {
@@ -49,4 +49,10 @@
   .body {
     @apply -mt-1 pl-8 text-base;
   }
+
+  :global(.dark) {
+    h2 {
+      @apply text-white;
+    }
+  }
 </style>
diff --git a/svelte-app/src/components/about/timeline-section.svelte b/svelte-app/src/components/about/timeline-section.svelte
index e32caddc7..c461b62ae 100644
--- a/svelte-app/src/components/about/timeline-section.svelte
+++ b/svelte-app/src/components/about/timeline-section.svelte
@@ -54,7 +54,7 @@
 
 <style lang="scss">
   h1 {
-    @apply mb-3 font-code text-2xl font-bold text-white;
+    @apply mb-3 font-code text-2xl font-bold text-dark;
   }
 
   section {
@@ -64,4 +64,10 @@
       @apply flex flex-col;
     }
   }
+
+  :global(.dark) {
+    h1 {
+      @apply text-white;
+    }
+  }
 </style>