From 9798ae913fcba0a21df682cd3bdb033190a3ba4b Mon Sep 17 00:00:00 2001
From: Nick Bland <nick.bland@nickbland.dev>
Date: Tue, 15 Oct 2024 19:48:45 +1000
Subject: [PATCH] Adjust colouring of timeline Details

---
 src/lib/components/portfolio/timeline.svelte | 26 ++++++++++++--------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/portfolio/timeline.svelte b/src/lib/components/portfolio/timeline.svelte
index a66465f..4e62076 100644
--- a/src/lib/components/portfolio/timeline.svelte
+++ b/src/lib/components/portfolio/timeline.svelte
@@ -5,8 +5,10 @@
 <h3 class="p-5 text-4xl text-center">Work Experience</h3>
 <ul class="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical pb-8">
   <li>
-    <div class="timeline-middle"><Circle class="fill-base-300" /></div>
-    <div class="timeline-end timeline-box bg-base-300 mb-10 max-w-3xl shadow-lg">
+    <div class="timeline-middle"><Circle class="fill-neutral" /></div>
+    <div
+      class="timeline-end timeline-box bg-neutral mb-10 max-w-3xl shadow-lg text-neutral-content"
+    >
       <time class="font-mono" datetime="2020-3">Mar 2020 - Jul 2020</time>
       <div class="text-xl">Villanova College</div>
       <div class="text-sm">Information Technology Officer</div>
@@ -41,12 +43,14 @@
         </li>
       </ul>
     </div>
-    <hr />
+    <hr class="bg-neutral-content" />
   </li>
   <li>
-    <hr />
-    <div class="timeline-middle"><Circle class="fill-base-300" /></div>
-    <div class="timeline-start timeline-box bg-base-300 mb-10 max-w-3xl shadow-lg">
+    <hr class="bg-neutral-content" />
+    <div class="timeline-middle"><Circle class="fill-neutral" /></div>
+    <div
+      class="timeline-start timeline-box bg-neutral mb-10 max-w-3xl shadow-lg text-neutral-content"
+    >
       <div class="md:text-end">
         <time class="font-mono" datetime="2020-8">Aug 2020 - Oct 2022</time>
         <div class="text-xl">St Pauls School</div>
@@ -81,12 +85,14 @@
         </li>
       </ul>
     </div>
-    <hr />
+    <hr class="bg-neutral-content" />
   </li>
   <li>
-    <hr />
-    <div class="timeline-middle"><Circle class="fill-base-300" /></div>
-    <div class="timeline-end timeline-box bg-base-300 max-w-3xl shadow-lg">
+    <hr class="bg-neutral-content" />
+    <div class="timeline-middle"><Circle class="fill-neutral" /></div>
+    <div
+      class="timeline-end timeline-box bg-neutral max-w-3xl shadow-lg text-neutral-content"
+    >
       <time class="font-mono" datetime="2022-10">Oct 2022 - Feb 2023</time>
       <div class="text-xl">St Pauls School</div>
       <div class="text-sm pb-2">System Administrator</div>