color and size adjustment

src/renderer/src/pages/user/user-edit-modal.tsx

@@ -105,7 +105,7 @@ export const UserEditProfileModal = ({
                 src={newImageBase64 ?? userProfile.profileImageUrl ?? ""}
               />
             ) : (
-              <PersonIcon size={72} />
+              <PersonIcon size={96} />
             )}
             <div className={styles.editProfileImageBadge}>
               <PencilIcon size={16} />

src/renderer/src/pages/user/user.css.ts

@@ -40,6 +40,7 @@ export const profileAvatarEditContainer = style({
   height: "128px",
   display: "flex",
   borderRadius: "50%",
+  color: vars.color.body,
   justifyContent: "center",
   alignItems: "center",
   backgroundColor: vars.color.background,
@@ -162,6 +163,7 @@ export const editProfileImageBadge = style({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
+  color: vars.color.background,
   backgroundColor: vars.color.muted,
   position: "absolute",
   bottom: "0px",