From 25bd99abc5a72f42967756be8276c4e76562ff68 Mon Sep 17 00:00:00 2001
From: cdn0x12 <git@cdn0x12.dev>
Date: Mon, 3 Feb 2025 21:21:06 +0800
Subject: [PATCH] fix: the loading string updates page does not supports dark
 mode

---
 src/components/LoadingSpinner.tsx | 2 +-
 src/components/Timeline.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/LoadingSpinner.tsx b/src/components/LoadingSpinner.tsx
index cda0d28..b330689 100644
--- a/src/components/LoadingSpinner.tsx
+++ b/src/components/LoadingSpinner.tsx
@@ -6,7 +6,7 @@ const LoadingSpinner: React.FC = () => {
   
   return (
     <div className="flex items-center justify-center min-h-[200px]" role="status">
-      <div className="animate-spin rounded-full h-12 w-12 border-4 border-primary border-t-transparent" />
+      <div className="animate-spin rounded-full h-12 w-12 border-4 border-primary dark:border-primary border-t-transparent dark:border-t-transparent" />
       <span className="sr-only">{t('common.loading')}</span>
     </div>
   );
diff --git a/src/components/Timeline.tsx b/src/components/Timeline.tsx
index fb4090f..937b622 100644
--- a/src/components/Timeline.tsx
+++ b/src/components/Timeline.tsx
@@ -152,7 +152,7 @@ const Timeline = () => {
           
           {isLoading ? (
             <div className="text-center py-20">
-              <p>{t('updates.loading')}</p>
+              <p className="text-gray-900 dark:text-gray-100">{t('updates.loading')}</p>
             </div>
           ) : updates.length > 0 ? (
             <>