css: background color for dialogs and images, closes #1797 (#1798)

apps/readest-app/src/components/Dialog.tsx

@@ -161,7 +161,7 @@ const Dialog: React.FC<DialogProps> = ({
     >
       <div
         className={clsx(
-          'overlay fixed inset-0 z-10 bg-black/50 sm:bg-black/20',
+          'overlay fixed inset-0 z-10 bg-black/50 sm:bg-black/50',
           appService?.hasRoundedWindow && 'rounded-window',
           bgClassName,
         )}

apps/readest-app/src/components/metadata/BookDetailModal.tsx

@@ -187,7 +187,6 @@ const BookDetailModal: React.FC<BookDetailModalProps> = ({
           title={editMode ? _('Edit Metadata') : _('Book Details')}
           isOpen={isOpen}
           onClose={handleClose}
-          bgClassName='sm:bg-black/50'
           boxClassName={clsx(
             editMode ? 'sm:min-w-[600px] sm:max-w-[600px]' : 'sm:min-w-[480px] sm:max-w-[480px]',
             'sm:h-auto sm:max-h-[90%]',