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

apps/readest-app/src/app/library/components/KOSyncSettings.tsx

@@ -236,7 +236,6 @@ export const KOSyncSettingsWindow: React.FC = () => {
       onClose={() => setIsOpen(false)}
       title={_('KOReader Sync Settings')}
       boxClassName='sm:!min-w-[520px] sm:h-auto'
-      bgClassName='!bg-black/60'
     >
       <div className='mb-4 mt-0 flex flex-col gap-4 p-2 sm:p-4'>
         {isConfigured ? (

apps/readest-app/src/app/reader/components/settings/SettingsDialog.tsx

@@ -163,6 +163,7 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
       isOpen={true}
       onClose={handleClose}
       className='modal-open'
+      bgClassName='sm:!bg-black/20'
       boxClassName={clsx('sm:min-w-[520px]', appService?.isMobile && 'sm:max-w-[90%] sm:w-3/4')}
       snapHeight={appService?.isMobile ? 0.7 : undefined}
       header={