From 21a82b70c7f6d89d256e8ca98a781fbae0646fd7 Mon Sep 17 00:00:00 2001 From: Huang Xin Date: Fri, 19 Sep 2025 19:40:45 +0800 Subject: [PATCH] fix(a11y): better contrast for disabled buttons, closes #2083 (#2084) --- .../src/components/metadata/BookDetailEdit.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/apps/readest-app/src/components/metadata/BookDetailEdit.tsx b/apps/readest-app/src/components/metadata/BookDetailEdit.tsx index b5bb346f..14992532 100644 --- a/apps/readest-app/src/components/metadata/BookDetailEdit.tsx +++ b/apps/readest-app/src/components/metadata/BookDetailEdit.tsx @@ -330,8 +330,8 @@ const BookDetailEdit: React.FC = ({ disabled={!hasLockedFields} className={clsx( 'hover:bg-base-200 flex items-center gap-1 rounded px-2 py-1 text-sm', - 'disabled:cursor-not-allowed disabled:opacity-50', - 'text-yellow-500 hover:text-yellow-600', + 'disabled:cursor-not-allowed disabled:opacity-80', + 'text-yellow-600 hover:text-yellow-700', )} title={_('Unlock all fields')} > @@ -343,8 +343,8 @@ const BookDetailEdit: React.FC = ({ disabled={allFieldsLocked} className={clsx( 'hover:bg-base-200 flex items-center gap-1 rounded px-2 py-1 text-sm', - 'disabled:cursor-not-allowed disabled:opacity-50', - 'text-green-500 hover:text-green-600', + 'disabled:cursor-not-allowed disabled:opacity-80', + 'text-green-600 hover:text-green-700', )} title={_('Lock all fields')} >