From ea76e9446352fda0953da48a5a034d3b8b6cb029 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 24 Jun 2023 19:39:56 +0800
Subject: [PATCH] =?UTF-8?q?gittbook=20=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/gitbook/LayoutBase.js                | 6 +++---
 themes/gitbook/components/FloatTocButton.js | 2 +-
 themes/gitbook/components/TocDrawer.js      | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/themes/gitbook/LayoutBase.js b/themes/gitbook/LayoutBase.js
index f2f28bf8..9469bbe7 100644
--- a/themes/gitbook/LayoutBase.js
+++ b/themes/gitbook/LayoutBase.js
@@ -81,8 +81,8 @@ const LayoutBase = (props) => {
                                 data-aos-duration="300"
                                 data-aos-once="false"
                                 data-aos-anchor-placement="top-center"
-                                className='fixed xl:right-80 right-2 mr-10 bottom-24 hidden lg:block z-20'>
-                                <i className='fas fa-chevron-up cursor-pointer p-2 rounded-full border' onClick={() => { window.scrollTo({ top: 0, behavior: 'smooth' }) }} />
+                                className='fixed xl:right-80 right-2 mr-10 bottom-24 hidden lg:block z-20 '>
+                                <i className='fas fa-chevron-up cursor-pointer p-2 rounded-full border bg-white dark:bg-black dark:border-gray-800' onClick={() => { window.scrollTo({ top: 0, behavior: 'smooth' }) }} />
                             </div>
                         </div>
 
@@ -112,7 +112,7 @@ const LayoutBase = (props) => {
 
                 </main>
 
-                {showTocButton && !tocVisible && <div className='fixed right-0 bottom-52 z-30 bg-white border-l border-t border-b rounded'>
+                {showTocButton && !tocVisible && <div className='fixed right-0 bottom-52 z-30 bg-white border-l border-t border-b dark:border-gray-800 rounded'>
                     <FloatTocButton {...props}/>
                 </div>}
 
diff --git a/themes/gitbook/components/FloatTocButton.js b/themes/gitbook/components/FloatTocButton.js
index 05c817d9..19d0c294 100644
--- a/themes/gitbook/components/FloatTocButton.js
+++ b/themes/gitbook/components/FloatTocButton.js
@@ -10,7 +10,7 @@ export default function FloatTocButton () {
   return (
     <div
       onClick={toggleToc}
-      className={ 'text-black dark:border-gray-500 flex justify-center items-center dark:text-gray-200 py-2 px-2'
+      className={ 'text-black flex justify-center items-center dark:text-gray-200 dark:bg-hexo-black-gray py-2 px-2'
       }
     >
       <a
diff --git a/themes/gitbook/components/TocDrawer.js b/themes/gitbook/components/TocDrawer.js
index b58adb44..6c175864 100644
--- a/themes/gitbook/components/TocDrawer.js
+++ b/themes/gitbook/components/TocDrawer.js
@@ -14,11 +14,11 @@ const TocDrawer = ({ post, cRef }) => {
     changeTocVisible(!tocVisible)
   }
   return <>
-    <div id='medium-toc-float' className='fixed top-0 right-0 z-40'>
+    <div id='gitbook-toc-float' className='fixed top-0 right-0 z-40'>
       {/* 侧边菜单 */}
       <div
         className={(tocVisible ? 'animate__slideInRight ' : ' -mr-72 animate__slideOutRight') +
-        ' overflow-y-hidden shadow-card w-60 duration-200 fixed right-1 bottom-16 rounded py-2 bg-white dark:bg-gray-600'}>
+        ' overflow-y-hidden shadow-card w-60 duration-200 fixed right-1 bottom-16 rounded py-2 bg-white dark:bg-gray-900'}>
           {post && <>
            <div className='dark:text-gray-400 text-gray-600 h-56 p-3'>
              <Catalog post={post}/>