💄 [Design]: 라이트 모드 색상 조정

Author: zero0205

apps/client/src/pages/Home/Bookmark.tsx

@@ -82,7 +82,7 @@ function Bookmark() {
               <Button
                 key={data.bookmarkId}
                 onClick={() => handleClickBookmarkButton(data.url)}
-                className="h-14 w-52 bg-surface-alt hover:bg-surface-alt-light relative flex items-center justify-between"
+                className="h-14 w-52 bg-surface-alt text-text-strong hover:bg-surface-alt-light relative flex items-center justify-between"
               >
                 <span className="truncate flex-1">{data.name}</span>
                 <div

apps/client/src/pages/Home/FieldFilter.tsx

@@ -26,7 +26,7 @@ function FieldFilter({ onClickFilterButton }: FieldFilterProps) {
           className={`${
             selected === field
               ? 'bg-surface-brand-default hover:bg-surface-point-alt'
-              : 'bg-transparent border border-border-default hover:bg-surface-alt'
+              : 'bg-transparent border border-border-default hover:bg-surface-alt text-text-strong'
           }`}
         >
           {field}

apps/client/src/pages/Home/LiveCard.tsx

@@ -26,7 +26,7 @@ const LiveCard = ({ liveId, title, userId, profileUrl, thumbnailUrl }: LiveCardP
       </div>
 
       {/* LIVE 뱃지 */}
-      <div className="absolute top-3 left-3 bg-surface-danger text-text-strong text-display-medium12 px-2 py-0.5 rounded-sm flex items-center">
+      <div className="absolute top-3 left-3 bg-surface-danger text-white text-display-medium12 px-2 py-0.5 rounded-sm flex items-center">
         <div className="w-2 h-2 rounded-circle bg-white mr-1 animate-pulse" />
         LIVE
       </div>

apps/client/src/pages/Profile/EditUserInfo.tsx

@@ -70,7 +70,7 @@ function EditUserInfo({ userData, toggleEditing }: EditUserInfoProps) {
   };
 
   return (
-    <div className="flex flex-col justify-center items-center w-full h-full gap-10">
+    <div className="flex flex-col justify-center items-center w-full gap-10">
       <Avatar className="w-64 h-64">
         <AvatarImage src={userData?.profileImage} />
         <AvatarFallback>MY</AvatarFallback>

apps/client/src/pages/Profile/UserInfo.tsx

@@ -48,7 +48,7 @@ function UserInfo({ userData, isLoading, error, toggleEditing }: UserInfoProps)
                 <span className="font-bold text-text-strong text-4xl">
                   {userData?.camperId ? userData.camperId : '???'}
                 </span>
-                <div className="flex justify-center items-center bg-surface-brand-default text-text-strong text-display-bold24 h-full w-24 rounded">
+                <div className="flex justify-center items-center bg-surface-brand-default text-white text-display-bold24 h-full w-24 rounded">
                   {userData?.field ? userData.field : '???'}
                 </div>
                 <button onClick={toggleEditing}>