From 503039df85fb238d6a57615dff5b58ddc9e06388 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Wed, 18 Oct 2023 17:10:56 +0800
Subject: [PATCH] =?UTF-8?q?HEO=20404=E9=A1=B5=E9=9D=A2=E6=B7=B1=E8=89=B2?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/heo/components/LatestPostsGroup.js |  2 +-
 themes/heo/index.js                       | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/themes/heo/components/LatestPostsGroup.js b/themes/heo/components/LatestPostsGroup.js
index cd836cee08b..2a6077aaf21 100644
--- a/themes/heo/components/LatestPostsGroup.js
+++ b/themes/heo/components/LatestPostsGroup.js
@@ -32,7 +32,7 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
 
                     <div
                         className={
-                            ' font-bold  overflow-x-hidden hover:text-indigo-600 px-2 duration-200 w-full rounded ' +
+                            ' font-bold  overflow-x-hidden dark:text-white hover:text-indigo-600 px-2 duration-200 w-full rounded ' +
                             ' hover:text-indigo-400 cursor-pointer'
                         }
                     >
diff --git a/themes/heo/index.js b/themes/heo/index.js
index 725834e8ba6..5ffce600fa8 100644
--- a/themes/heo/index.js
+++ b/themes/heo/index.js
@@ -392,7 +392,7 @@ const Layout404 = props => {
   return (
     <div
       id="theme-heo"
-      className="bg-[#f7f9fe] h-full min-h-screen flex flex-col"
+      className="bg-[#f7f9fe] dark:bg-[#18171d] h-full min-h-screen flex flex-col"
     >
       {/* 网页SEO */}
       <CommonHead meta={meta} siteInfo={siteInfo} />
@@ -424,7 +424,7 @@ const Layout404 = props => {
             unmount={false}
           >
             {/* 404卡牌 */}
-            <div className="error-content flex flex-col md:flex-row w-full mt-12 h-[30rem] md:h-96 justify-center items-center bg-white border rounded-3xl">
+            <div className="error-content flex flex-col md:flex-row w-full mt-12 h-[30rem] md:h-96 justify-center items-center bg-white dark:bg-[#1B1C20] border dark:border-gray-800 rounded-3xl">
               {/* 左侧动图 */}
               <LazyImage
                 className="error-img h-60 md:h-full p-4"
@@ -433,12 +433,12 @@ const Layout404 = props => {
 
               {/* 右侧文字 */}
               <div className="error-info flex-1 flex flex-col justify-center items-center space-y-4">
-                <h1 className="error-title font-extrabold md:text-9xl text-7xl">
+                <h1 className="error-title font-extrabold md:text-9xl text-7xl dark:text-white">
                   404
                 </h1>
-                <div>请尝试站内搜索寻找文章</div>
+                <div className='dark:text-white'>请尝试站内搜索寻找文章</div>
                 <Link href="/">
-                  <button className="bg-blue-500 p-2 text-white shadow rounded-lg hover:bg-blue-600 hover:shadow-md duration-200 transition-all">
+                  <button className="bg-blue-500 py-2 px-4 text-white shadow rounded-lg hover:bg-blue-600 hover:shadow-md duration-200 transition-all">
                     回到主页
                   </button>
                 </Link>