From 695fca0dac2db3a6bfe8643f260862641d741d70 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Tue, 5 Mar 2024 11:13:17 +0800
Subject: [PATCH] =?UTF-8?q?algolia=20=E6=B7=B1=E8=89=B2=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/AlgoliaSearchModal.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/AlgoliaSearchModal.js b/components/AlgoliaSearchModal.js
index 6554e353..f7bcdeb9 100644
--- a/components/AlgoliaSearchModal.js
+++ b/components/AlgoliaSearchModal.js
@@ -183,7 +183,7 @@ export default function AlgoliaSearchModal({ cRef }) {
           } flex flex-col justify-between w-full min-h-[10rem] max-w-xl dark:bg-hexo-black-gray dark:border-gray-800 bg-white dark:bg- p-5 rounded-lg z-50 shadow border hover:border-blue-600 duration-300 transition-all `}
       >
         <div className="flex justify-between items-center">
-          <div className="text-2xl text-blue-600 font-bold">搜索</div>
+          <div className="text-2xl text-blue-600 dark:text-yellow-600 font-bold">搜索</div>
           <div>
             <i
               className="text-gray-600 fa-solid fa-xmark p-1 cursor-pointer hover:text-blue-600"
@@ -219,9 +219,9 @@ export default function AlgoliaSearchModal({ cRef }) {
             <li key={result.objectID}
               onMouseEnter={() => setActiveIndex(index)}
               onClick={() => onJumpSearchResult(index)}
-              className={`cursor-pointer replace my-2 p-2 duration-100 ${activeIndex === index ? 'bg-blue-600 ' : ''}`}>
+              className={`cursor-pointer replace my-2 p-2 duration-100 ${activeIndex === index ? 'bg-blue-600 dark:bg-yellow-600' : ''}`}>
               <a
-                className={`${activeIndex === index ? ' text-white' : ' text-black '}`}
+                className={`${activeIndex === index ? ' text-white' : ' text-black dark:text-gray-300 '}`}
               >
                 {result.title}
               </a>
@@ -229,7 +229,7 @@ export default function AlgoliaSearchModal({ cRef }) {
           ))}
         </ul>
         <Pagination totalPage={totalPage} page={page} switchPage={switchPage} />
-        <div className='flex items-center justify-between mt-2 text-sm '>
+        <div className='flex items-center justify-between mt-2 text-sm dark:text-gray-300'>
           <div>
             {totalHit > 0 && (
               <p>
@@ -270,7 +270,7 @@ function TagGroups() {
           key={index}
           href={`/tag/${encodeURIComponent(tag.name)}`}
           className={'cursor-pointer inline-block whitespace-nowrap'}>
-          <div className={' flex items-center text-black dark:text-gray-300 hover:bg-blue-600 dark:hover:bg-yellow-600 hover:scale-110 hover:text-white rounded-lg px-2 py-0.5 duration-150 transition-all'}>
+          <div className={'flex items-center text-black dark:text-gray-300 hover:bg-blue-600 dark:hover:bg-yellow-600 hover:scale-110 hover:text-white rounded-lg px-2 py-0.5 duration-150 transition-all'}>
             <div className='text-lg'>{tag.name} </div>{tag.count ? <sup className='relative ml-1'>{tag.count}</sup> : <></>}
           </div>
 
@@ -293,7 +293,7 @@ function Pagination(props) {
     <div className='flex space-x-1 w-full justify-center py-1'>
       {Array.from({ length: totalPage }, (_, i) => {
         const classNames = page === i
-          ? 'font-bold text-white bg-blue-600 rounded'
+          ? 'font-bold text-white bg-blue-600 dark:bg-yellow-600 rounded'
           : 'hover:text-blue-600 hover:font-bold'
 
         return (