fix(eink): avoid gray color in E-Ink mode (#2427)

apps/readest-app/src/app/reader/components/KOSyncResolver.tsx

@@ -33,7 +33,7 @@ const KOSyncConflictResolver: React.FC<KOSyncConflictResolverProps> = ({
           onClick={onResolveWithLocal}
         >
           <span>{_('Local Progress')}</span>
-          <span className='text-xs font-normal normal-case text-gray-500'>
+          <span className='text-base-content/50 text-xs font-normal normal-case'>
             {details.local.preview}
           </span>
         </button>

apps/readest-app/src/app/reader/components/notebook/SearchBar.tsx

@@ -122,7 +122,7 @@ const SearchBar: React.FC<SearchBarProps> = ({
     <div className='relative px-3 py-2'>
       <div className='bg-base-100 flex h-8 items-center rounded-lg'>
         <div className='pl-3'>
-          <FaSearch size={iconSize16} className='text-gray-500' />
+          <FaSearch size={iconSize16} className='text-base-content/50' />
         </div>
 
         <input
@@ -141,7 +141,7 @@ const SearchBar: React.FC<SearchBarProps> = ({
               onClick={handleClearSearch}
               className='btn btn-ghost h-8 min-h-8 w-8 rounded-none rounded-r-lg p-0'
             >
-              <FaTimes size={iconSize12} className='text-gray-500' />
+              <FaTimes size={iconSize12} className='text-base-content/50' />
             </button>
           </div>
         )}

apps/readest-app/src/app/reader/components/sidebar/SearchBar.tsx

@@ -191,7 +191,7 @@ const SearchBar: React.FC<SearchBarProps> = ({
     <div className='relative p-2'>
       <div className='bg-base-100 flex h-8 items-center rounded-lg'>
         <div className='pl-3'>
-          <FaSearch size={iconSize16} className='text-gray-500' />
+          <FaSearch size={iconSize16} className='text-base-content/50' />
         </div>
 
         <input
@@ -213,7 +213,7 @@ const SearchBar: React.FC<SearchBarProps> = ({
             )}
             menuClassName={window.innerWidth < 640 ? 'no-triangle mt-1' : 'dropdown-center mt-3'}
             buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0 rounded-none rounded-r-lg'
-            toggleButton={<FaChevronDown size={iconSize12} className='text-gray-500' />}
+            toggleButton={<FaChevronDown size={iconSize12} className='text-base-content/50' />}
           >
             <SearchOptions
               searchConfig={searchConfig}