fix(opds): make saved catalog card hover distinct from dialog background (#4673)

The saved catalog cards used hover:bg-base-200/40. Since base-200 is only
~5% off base-100, applying it at 40% alpha shifted the background by roughly
2%, and with the dialog itself sitting at base-200 the hover collapsed into
the dialog color, making the hovered card blend in.

Use hover:bg-base-300 (~12% off base-100) so the hover state is clearly
separated from both the resting card (base-100) and the dialog (base-200).

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Huang Xin
2026-06-20 09:12:10 +08:00
committed by GitHub
parent 23d1ef6f13
commit b9a3ee725f
@@ -459,7 +459,7 @@ export function CatalogManager({ inSubPage = false }: CatalogManagerProps = {})
'focus-visible:ring-base-content/15 focus-visible:outline-none focus-visible:ring-2',
catalog.disabled
? 'cursor-not-allowed opacity-60'
: 'hover:bg-base-200/40 cursor-pointer',
: 'hover:bg-base-300 cursor-pointer',
)}
>
<div className='flex flex-1 flex-col gap-2.5 px-4 pb-2 pt-4'>