From af9862c019a5adf0c42877c866fe26881bf7cdaa Mon Sep 17 00:00:00 2001
From: WanQuanXie <i2cherry941219@gmail.com>
Date: Tue, 28 May 2024 10:26:24 +0800
Subject: [PATCH] update(ui): sidebar in mobile screen adapt light mode

---
 ui/components/Sidebar.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/components/Sidebar.tsx b/ui/components/Sidebar.tsx
index c58dd42..1790658 100644
--- a/ui/components/Sidebar.tsx
+++ b/ui/components/Sidebar.tsx
@@ -92,11 +92,13 @@ const Sidebar = ({ children }: { children: React.ReactNode }) => {
             key={i}
             className={cn(
               'relative flex flex-col items-center space-y-1 text-center w-full',
-              link.active ? 'text-white' : 'text-white/70',
+              link.active
+                ? 'text-black dark:text-white'
+                : 'text-black dark:text-white/70',
             )}
           >
             {link.active && (
-              <div className="absolute top-0 -mt-4 h-1 w-full rounded-b-lg bg-white" />
+              <div className="absolute top-0 -mt-4 h-1 w-full rounded-b-lg bg-black dark:bg-white" />
             )}
             <link.icon />
             <p className="text-xs">{link.label}</p>