fix: Timeline text colours

kiosion · Nov 3, 2023 · f6fc9a6 · f6fc9a6
1 parent 2e4faf6
commit f6fc9a6
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git 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
@@ -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>