From bd3addc165867ef64e21d6d33dc2ddb0bd9c483b Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Thu, 9 Feb 2023 10:28:56 +0800
Subject: [PATCH] =?UTF-8?q?Medium=20=E5=8F=B3=E4=BE=A7=E6=B7=B1=E8=89=B2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/DebugPanel.js             | 3 ++-
 themes/medium/LayoutBase.js          | 7 ++++---
 themes/medium/LayoutSlug.js          | 2 +-
 themes/medium/components/InfoCard.js | 2 +-
 themes/medium/components/Progress.js | 2 +-
 themes/medium/config_medium.js       | 3 +++
 6 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/components/DebugPanel.js b/components/DebugPanel.js
index 29cf9f29..e2cf5748 100644
--- a/components/DebugPanel.js
+++ b/components/DebugPanel.js
@@ -47,11 +47,12 @@ export function DebugPanel () {
             <i className="fas fa-times">&nbsp;关闭调试</i>
               )
             : (
-            <i className="fas fa-tools">&nbsp;打开调试</i>
+            <i className="fas fa-tools">&nbsp;调试主题</i>
               )}
         </div>
       </div>
 
+      {/* 调试侧拉抽屉 */}
       <div
         className={` ${
           show ? 'shadow-card' : '-right-96'
diff --git a/themes/medium/LayoutBase.js b/themes/medium/LayoutBase.js
index 477594c6..758cd806 100644
--- a/themes/medium/LayoutBase.js
+++ b/themes/medium/LayoutBase.js
@@ -42,10 +42,13 @@ const LayoutBase = props => {
                             {slotTop}
                             {children}
                         </div>
+
+                        {/* 底部 */}
+                        <Footer title={siteInfo?.title} />
                     </div>
 
                     {/* 桌面端右侧 */}
-                    <div className='hidden xl:block border-l dark:border-transparent w-96 relative z-10'>
+                    <div className={`hidden xl:block border-l dark:border-transparent w-96 relative z-10 ${CONFIG_MEDIUM.RIGHT_PANEL_DARK ? 'bg-hexo-black-gray dark' : ''}`}>
                         <div className='py-14 px-6 sticky top-0'>
                             <Tabs>
                                 {slotRight}
@@ -64,8 +67,6 @@ const LayoutBase = props => {
 
                 </div>
 
-                {/* 移动端底部 */}
-                <Footer title={siteInfo?.title} />
                 <BottomMenuBar {...props} className='block md:hidden' />
             </div>
         </ThemeGlobalMedium.Provider>
diff --git a/themes/medium/LayoutSlug.js b/themes/medium/LayoutSlug.js
index 5550675d..6a416145 100644
--- a/themes/medium/LayoutSlug.js
+++ b/themes/medium/LayoutSlug.js
@@ -31,7 +31,7 @@ export const LayoutSlug = props => {
   const slotRight = post?.toc && post?.toc?.length > 3 && (
         <div key={locale.COMMON.TABLE_OF_CONTENTS} >
             <Catalog toc={post.toc} />
-            <JumpToTopButton className='text-gray-400 hover:text-green-500 hover:bg-gray-100 py-1 duration-200' />
+            {/* <JumpToTopButton className='text-gray-400 hover:text-green-500 hover:bg-gray-100 py-1 duration-200' /> */}
         </div>
   )
 
diff --git a/themes/medium/components/InfoCard.js b/themes/medium/components/InfoCard.js
index b941e3a5..a18408dc 100644
--- a/themes/medium/components/InfoCard.js
+++ b/themes/medium/components/InfoCard.js
@@ -6,7 +6,7 @@ import SocialButton from './SocialButton'
 const InfoCard = (props) => {
   const { siteInfo } = props
   return <div id='info-card' className='py-4'>
-    <div className='items-center justify-center  '>
+    <div className='items-center justify-center'>
         <div className='hover:scale-105 transform duration-200 cursor-pointer flex justify-center' onClick={ () => { Router.push('/about') }}>
             {/* eslint-disable-next-line @next/next/no-img-element */}
             <img src={siteInfo?.icon} className='rounded-full' width={120} alt={BLOG.AUTHOR}/>
diff --git a/themes/medium/components/Progress.js b/themes/medium/components/Progress.js
index e6211d6c..77be3c3d 100644
--- a/themes/medium/components/Progress.js
+++ b/themes/medium/components/Progress.js
@@ -28,7 +28,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
   }, [percent])
 
   return (
-    <div className="h-4 w-full shadow-2xl bg-hexo-light-gray dark:bg-hexo-black-gray ">
+    <div className="h-4 w-full shadow-2xl bg-hexo-light-gray dark:bg-black">
       <div
         className="h-4 bg-gray-600 duration-200"
         style={{ width: `${percent}%` }}
diff --git a/themes/medium/config_medium.js b/themes/medium/config_medium.js
index 66fbc948..40f41c97 100644
--- a/themes/medium/config_medium.js
+++ b/themes/medium/config_medium.js
@@ -1,5 +1,8 @@
 const CONFIG_MEDIUM = {
 
+  // Style
+  RIGHT_PANEL_DARK: process.env.NEXT_PUBLIC_MEDIUM_RIGHT_DARK || false, // 右侧面板深色模式
+
   POST_LIST_COVER: true, // 文章列表显示图片封面
   POST_LIST_PREVIEW: true, // 列表显示文章预览
   POST_LIST_CATEGORY: true, // 列表显示文章分类