change textfield's theme

src/component/Admin/Settings/Appearance/ThemeOptionEditDialog.tsx

@@ -163,7 +163,7 @@ const ThemeOptionEditDialog = ({ open, onClose, id, config, onSave }: ThemeOptio
                         label={t("settings.previewTitle")}
                         icon={<Setting fontSize="small" color="action" />}
                       />
-                      <TextField label={t("settings.previewTextField")} variant="outlined" size="small" />
+                      <TextField label={t("settings.previewTextField")} variant="filled" size="small" />
                       <Box>
                         <Badge badgeContent={10} color="secondary">
                           <Button variant="contained" color="primary">
@@ -195,7 +195,7 @@ const ThemeOptionEditDialog = ({ open, onClose, id, config, onSave }: ThemeOptio
                         label={t("settings.previewTitle")}
                         icon={<Setting fontSize="small" color="action" />}
                       />
-                      <TextField label={t("settings.previewTextField")} variant="outlined" size="small" />
+                      <TextField label={t("settings.previewTextField")} variant="filled" size="small" />
                       <Box>
                         <Badge badgeContent={10} color="secondary">
                           <Button variant="contained" color="primary">

src/component/Common/Captcha/DefaultCaptcha.tsx

@@ -41,7 +41,7 @@ const DefaultCaptcha = ({ onStateChange, generation, noLabel, ...rest }: Default
           pr: 0.5,
         },
       }}
-      variant={"outlined"}
+      variant={"filled"}
       label={noLabel ? undefined : t("login.captcha")}
       onChange={(e) => setCaptcha(e.target.value)}
       value={captcha}

src/component/Common/Form/OutlineIconTextField.tsx

@@ -10,6 +10,7 @@ export const OutlineIconTextField = ({ icon, ...rest }: OutlineIconTextFieldProp
   return (
     <TextField
       {...rest}
+      variant="filled"
       slotProps={{
         input: {
           startAdornment: !isMobile && <InputAdornment position="start">{icon}</InputAdornment>,

src/component/FileManager/Dialogs/DirectLinks.tsx

@@ -115,7 +115,7 @@ const DirectLinks = () => {
           label={t("modals.sourceLink")}
           multiline
           value={contents}
-          variant="outlined"
+          variant="filled"
           fullWidth
           slotProps={{
             htmlInput: { readonly: true },

src/component/FileManager/Dialogs/Share/ShareSetting.tsx

@@ -187,7 +187,7 @@ const ShareSettingContent = ({ setting, file, editing, onSettingChange }: ShareS
                       },
                     }}
                     value={setting.password ?? ""}
-                    onChange={(e) => {
+                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                       const value = e.target.value.trim();
                       if (!/^[a-zA-Z0-9]*$/.test(value) || value.length > 32) return;
                       onSettingChange({ ...setting, password: value });
@@ -292,7 +292,7 @@ const ShareSettingContent = ({ setting, file, editing, onSettingChange }: ShareS
               getOptionLabel={(option: string | valueOption) => (typeof option === "string" ? option : t(option.label))}
               disableClearable
               options={expireOptions}
-              renderInput={(params) => <TextField sx={{ width: 150 }} {...params} variant={"standard"} />}
+              renderInput={(params) => <TextField sx={{ width: 150 }} {...params} variant={"filled"} />}
             />
           </FormControl>
           <Typography>{t("application:modals.expireSuffix")}</Typography>
@@ -368,7 +368,7 @@ const ShareSettingContent = ({ setting, file, editing, onSettingChange }: ShareS
                 }
                 disableClearable
                 options={downloadOptions}
-                renderInput={(params) => <TextField sx={{ width: 200 }} {...params} variant={"standard"} />}
+                renderInput={(params) => <TextField sx={{ width: 200 }} {...params} variant={"filled"} />}
               />
             </FormControl>
             <Typography>{t("application:modals.expireSuffix")}</Typography>

src/component/Pages/Tasks/DownloadFileList.tsx

@@ -136,7 +136,7 @@ const DownloadFileList = ({ taskId, summary, downloading, readonly }: DownloadFi
             <Stack direction="row" spacing={1} sx={{ mb: 1 }}>
               <TextField
                 label={t("download.filterByName")}
-                variant="outlined"
+                variant="filled"
                 size="small"
                 value={filterText}
                 onChange={(e) => setFilterText(e.target.value)}
@@ -184,7 +184,7 @@ const DownloadFileList = ({ taskId, summary, downloading, readonly }: DownloadFi
                 <>
                   <TableCell component="th" scope="row" sx={{ height: 33, minWidth: 50 }}>
                     <StyledCheckbox
-                      onChange={(e) => {
+                      onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                         setFileSelected(value, e.target.checked);
                       }}
                       disabled={!downloading || readonly}