akai-tools/readest
2
0
Fork 0
forked from akai/readest
Code Pull Requests Activity

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

Browse Source
This commit is contained in:
Huang Xin
2025-11-10 02:17:35 +08:00
committed by GitHub
parent e3f7abf7f1
commit df6027cf9f
5 changed files with 10 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/readest-app/src/app/library/components/LibraryHeader.tsx
+5 -5
View File
@@ -137,7 +137,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
</button>
)}
<div className='relative flex h-9 w-full items-center sm:h-7'>
<span className='absolute left-3 text-gray-500'>
<span className='text-base-content/50 absolute left-3'>
<FaSearch className='h-4 w-4' />
</span>
<input
@@ -163,7 +163,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
)}
/>
</div>
<div className='absolute right-4 flex items-center space-x-2 text-gray-500 sm:space-x-4'>
<div className='text-base-content/50 absolute right-4 flex items-center space-x-2 sm:space-x-4'>
{searchQuery && (
<button
type='button'
@@ -171,7 +171,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
setSearchQuery('');
debouncedUpdateQueryParam('');
}}
className='pe-1 text-gray-400 hover:text-gray-600'
className='text-base-content/40 hover:text-base-content/60 pe-1'
aria-label={_('Clear Search')}
>
<IoMdCloseCircle className='h-4 w-4' />
@@ -197,9 +197,9 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
className='h-6'
>
{isSelectMode ? (
<PiSelectionAllFill role='button' className='h-6 w-6 text-gray-500' />
<PiSelectionAllFill role='button' className='text-base-content/60 h-6 w-6' />
) : (
<PiSelectionAll role='button' className='h-6 w-6 text-gray-500' />
<PiSelectionAll role='button' className='text-base-content/60 h-6 w-6' />
)}
</button>
)}
apps/readest-app/src/app/reader/components/KOSyncResolver.tsx
+1 -1
View File
@@ -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
+2 -2
View File
@@ -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
+2 -2
View File
@@ -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}
apps/readest-app/src/styles/globals.css
-4
View File
@@ -424,10 +424,6 @@ foliate-view {
color: theme('colors.base-content') !important;
}
[data-eink="true"] [class*="text-gray"] {
color: theme('colors.base-content') !important;
}
[data-eink="true"] [class*="text-neutral-content"] {
color: theme('colors.base-content') !important;
}