From da2cdac0a31744ac18887de878f3f95907817f27 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Thu, 31 Oct 2024 20:43:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=B1=E8=89=B2=E6=A8=A1=E5=BC=8F=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ThemeSwitch.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/ThemeSwitch.js b/components/ThemeSwitch.js
index 9675f63e..dde3e7c6 100644
--- a/components/ThemeSwitch.js
+++ b/components/ThemeSwitch.js
@@ -30,7 +30,7 @@ const ThemeSwitch = () => {
         <div
           id='draggableBox'
           style={{ left: '0px', top: '80vh' }}
-          className='border fixed group flex flex-col items-start space-y-2 overflow-hidden z-20 p-3
+          className='border dark:border-gray-600 fixed group flex flex-col items-start space-y-2 overflow-hidden z-20 p-3
                     dark:text-white bg-white dark:bg-black 
                       rounded-xl shadow-lg hover:scale-105 hover:shadow-2xl   '>
           {/* 主题切换按钮 */}
@@ -64,16 +64,16 @@ const ThemeSwitch = () => {
       </Draggable>
 
       <SideBarDrawer
-        className='p-10  max-w-3xl 2xl:max-w-5xl'
+        className='p-10 max-w-3xl 2xl:max-w-5xl dark:text-white bg-white dark:bg-black '
         isOpen={sideBarVisible}
         showOnPC={true}
         onClose={() => {
           setSideBarVisible(false)
         }}>
         {/* 开关 */}
-        <div className='flex items-center justify-between font-bold dark:text-white'>
+        <div className='flex items-center justify-between font-bold'>
           {/* 深色模式切换 */}
-          <div className='border text-sm flex items-center w-32 duration-200 hover:bg-green-500 p-2'>
+          <div className='border dark:border-gray-60 text-sm flex items-center w-32 duration-200 hover:bg-green-500 p-2'>
             <DarkModeButton />
             <div
               onClick={toggleDarkMode}
@@ -92,7 +92,7 @@ const ThemeSwitch = () => {
           </div>
         </div>
 
-        <hr className='my-4' />
+        <hr className='my-4 dark:border-gray-600' />
 
         <div>点击下方主题进行切换.</div>
         <div> Click below to switch the theme.</div>