Merge pull request tangly1024#1572 from tangly1024/feat/heo-darkmode

HEO 404页面深色模式
emengweb · Oct 18, 2023 · 6cac1cd · 6cac1cd
2 parents 2a95a83 + 503039d
commit 6cac1cd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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>