From b9a3ee725f7cb0aaae58b5ccdeda4ca4ad0d04bc Mon Sep 17 00:00:00 2001 From: Huang Xin Date: Sat, 20 Jun 2026 09:12:10 +0800 Subject: [PATCH] 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) --- apps/readest-app/src/app/opds/components/CatalogManager.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/readest-app/src/app/opds/components/CatalogManager.tsx b/apps/readest-app/src/app/opds/components/CatalogManager.tsx index d3350902..956aaf04 100644 --- a/apps/readest-app/src/app/opds/components/CatalogManager.tsx +++ b/apps/readest-app/src/app/opds/components/CatalogManager.tsx @@ -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', )} >