Skip to content

Commit df798b7

Browse files
cccwon2cccwon2
committed
design: gray 를 grayscale 로 변경
1 parent b94fd62 commit df798b7

File tree

9 files changed

+43
-43
lines changed

9 files changed

+43
-43
lines changed

‎src/app/(auth)/login/page.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,8 +24,8 @@ export default function LoginPage() {
2424
<div className="flex min-h-screen items-center justify-center bg-gradient-to-r from-lime-200 to-lime-300 px-4 py-12 sm:px-6 lg:px-8">
2525
<div className="w-full max-w-md space-y-8 rounded-lg bg-white p-8 shadow-lg">
2626
<div>
27-
<h2 className="text-center text-3xl font-bold tracking-tight text-gray-900">로그인</h2>
28-
<p className="mt-2 text-center text-sm text-gray-600">
27+
<h2 className="text-grayscale-900 text-center text-3xl font-bold tracking-tight">로그인</h2>
28+
<p className="text-grayscale-600 mt-2 text-center text-sm">
2929
아직 계정이 없으신가요?{" "}
3030
<Link href="/signup" className="font-medium text-lime-600 hover:text-lime-500">
3131
회원가입하기
@@ -38,7 +38,7 @@ export default function LoginPage() {
3838
<input
3939
{...register("email")}
4040
type="email"
41-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
41+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
4242
placeholder="이메일"
4343
/>
4444
{errors.email && <p className="mt-1 text-sm text-red-600">{errors.email.message}</p>}
@@ -47,7 +47,7 @@ export default function LoginPage() {
4747
<input
4848
{...register("password")}
4949
type="password"
50-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
50+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
5151
placeholder="비밀번호"
5252
/>
5353
{errors.password && <p className="mt-1 text-sm text-red-600">{errors.password.message}</p>}

‎src/app/(auth)/signup/applicant/page.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,8 @@ export default function ApplicantSignupPage() {
3131
<div className="flex min-h-screen items-center justify-center bg-gradient-to-r from-lime-200 to-lime-300 px-4 py-12 sm:px-6 lg:px-8">
3232
<div className="w-full max-w-md space-y-8 rounded-lg bg-white p-8 shadow-lg">
3333
<div>
34-
<h2 className="text-center text-3xl font-bold tracking-tight text-gray-900">지원자 회원가입</h2>
35-
<p className="mt-2 text-center text-sm text-gray-600">
34+
<h2 className="text-grayscale-900 text-center text-3xl font-bold tracking-tight">지원자 회원가입</h2>
35+
<p className="text-grayscale-600 mt-2 text-center text-sm">
3636
이미 계정이 있으신가요?{" "}
3737
<Link href="/login" className="font-medium text-lime-600 hover:text-lime-500">
3838
로그인하기
@@ -46,7 +46,7 @@ export default function ApplicantSignupPage() {
4646
<input
4747
{...register("email")}
4848
type="email"
49-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
49+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
5050
placeholder="이메일"
5151
/>
5252
{errors.email && <p className="mt-1 text-sm text-red-600">{errors.email.message}</p>}
@@ -55,7 +55,7 @@ export default function ApplicantSignupPage() {
5555
<input
5656
{...register("name")}
5757
type="text"
58-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
58+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
5959
placeholder="이름"
6060
/>
6161
{errors.name && <p className="mt-1 text-sm text-red-600">{errors.name.message}</p>}
@@ -64,7 +64,7 @@ export default function ApplicantSignupPage() {
6464
<input
6565
{...register("nickname")}
6666
type="text"
67-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
67+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
6868
placeholder="닉네임"
6969
/>
7070
{errors.nickname && <p className="mt-1 text-sm text-red-600">{errors.nickname.message}</p>}
@@ -73,7 +73,7 @@ export default function ApplicantSignupPage() {
7373
<input
7474
{...register("password")}
7575
type="password"
76-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
76+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
7777
placeholder="비밀번호"
7878
/>
7979
{errors.password && <p className="mt-1 text-sm text-red-600">{errors.password.message}</p>}
@@ -82,7 +82,7 @@ export default function ApplicantSignupPage() {
8282
<input
8383
{...register("confirmPassword")}
8484
type="password"
85-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
85+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
8686
placeholder="비밀번호 확인"
8787
/>
8888
{errors.confirmPassword && <p className="mt-1 text-sm text-red-600">{errors.confirmPassword.message}</p>}
@@ -91,7 +91,7 @@ export default function ApplicantSignupPage() {
9191
<input
9292
{...register("phoneNumber")}
9393
type="tel"
94-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
94+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
9595
placeholder="전화번호 (예: 010-1234-5678)"
9696
/>
9797
{errors.phoneNumber && <p className="mt-1 text-sm text-red-600">{errors.phoneNumber.message}</p>}

‎src/app/(auth)/signup/owner/page.tsx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -33,8 +33,8 @@ export default function OwnerSignupPage() {
3333
<div className="flex min-h-screen items-center justify-center bg-gradient-to-r from-lime-200 to-lime-300 px-4 py-12 sm:px-6 lg:px-8">
3434
<div className="w-full max-w-md space-y-8 rounded-lg bg-white p-8 shadow-lg">
3535
<div>
36-
<h2 className="text-center text-3xl font-bold tracking-tight text-gray-900">사장님 회원가입</h2>
37-
<p className="mt-2 text-center text-sm text-gray-600">
36+
<h2 className="text-grayscale-900 text-center text-3xl font-bold tracking-tight">사장님 회원가입</h2>
37+
<p className="text-grayscale-600 mt-2 text-center text-sm">
3838
이미 계정이 있으신가요?{" "}
3939
<Link href="/login" className="font-medium text-lime-600 hover:text-lime-500">
4040
로그인하기
@@ -48,7 +48,7 @@ export default function OwnerSignupPage() {
4848
<input
4949
{...register("email")}
5050
type="email"
51-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
51+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
5252
placeholder="이메일"
5353
/>
5454
{errors.email && <p className="mt-1 text-sm text-red-600">{errors.email.message}</p>}
@@ -57,7 +57,7 @@ export default function OwnerSignupPage() {
5757
<input
5858
{...register("name")}
5959
type="text"
60-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
60+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
6161
placeholder="이름"
6262
/>
6363
{errors.name && <p className="mt-1 text-sm text-red-600">{errors.name.message}</p>}
@@ -66,7 +66,7 @@ export default function OwnerSignupPage() {
6666
<input
6767
{...register("nickname")}
6868
type="text"
69-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
69+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
7070
placeholder="닉네임"
7171
/>
7272
{errors.nickname && <p className="mt-1 text-sm text-red-600">{errors.nickname.message}</p>}
@@ -75,7 +75,7 @@ export default function OwnerSignupPage() {
7575
<input
7676
{...register("password")}
7777
type="password"
78-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
78+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
7979
placeholder="비밀번호"
8080
/>
8181
{errors.password && <p className="mt-1 text-sm text-red-600">{errors.password.message}</p>}
@@ -84,7 +84,7 @@ export default function OwnerSignupPage() {
8484
<input
8585
{...register("confirmPassword")}
8686
type="password"
87-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
87+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
8888
placeholder="비밀번호 확인"
8989
/>
9090
{errors.confirmPassword && <p className="mt-1 text-sm text-red-600">{errors.confirmPassword.message}</p>}
@@ -93,7 +93,7 @@ export default function OwnerSignupPage() {
9393
<input
9494
{...register("storeName")}
9595
type="text"
96-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
96+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
9797
placeholder="가게 이름"
9898
/>
9999
{errors.storeName && <p className="mt-1 text-sm text-red-600">{errors.storeName.message}</p>}
@@ -102,7 +102,7 @@ export default function OwnerSignupPage() {
102102
<input
103103
{...register("storePhoneNumber")}
104104
type="tel"
105-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
105+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
106106
placeholder="가게 전화번호 (예: 02-1234-5678)"
107107
/>
108108
{errors.storePhoneNumber && (
@@ -113,7 +113,7 @@ export default function OwnerSignupPage() {
113113
<input
114114
{...register("location")}
115115
type="text"
116-
className="relative block w-full rounded-lg border border-gray-300 px-3 py-2 text-gray-900 placeholder-gray-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
116+
className="text-grayscale-900 relative block w-full rounded-lg border border-grayscale-300 px-3 py-2 placeholder-grayscale-500 focus:border-lime-500 focus:outline-none focus:ring-lime-500 sm:text-sm"
117117
placeholder="가게 위치"
118118
/>
119119
{errors.location && <p className="mt-1 text-sm text-red-600">{errors.location.message}</p>}

‎src/app/(auth)/signup/page.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ export default function SignupPage() {
99
<div className="flex min-h-screen items-center justify-center bg-gradient-to-r from-lime-200 to-lime-300 px-4 py-12 sm:px-6 lg:px-8">
1010
<div className="w-full max-w-4xl space-y-8 rounded-lg bg-white p-8">
1111
<div>
12-
<h2 className="text-center text-3xl font-bold tracking-tight text-gray-900">회원 유형 선택</h2>
13-
<p className="mt-2 text-center text-sm text-gray-600">
12+
<h2 className="text-grayscale-900 text-center text-3xl font-bold tracking-tight">회원 유형 선택</h2>
13+
<p className="text-grayscale-600 mt-2 text-center text-sm">
1414
이미 계정이 있으신가요?{" "}
1515
<Link href="/login" className="font-medium text-lime-600 hover:text-lime-500">
1616
로그인하기
@@ -27,8 +27,8 @@ export default function SignupPage() {
2727
<div className="flex h-24 w-24 items-center justify-center rounded-full bg-lime-100">
2828
<FaUser className="h-12 w-12 text-lime-600" />
2929
</div>
30-
<h3 className="mt-6 text-2xl font-semibold text-gray-900">지원자로 가입</h3>
31-
<p className="mt-2 text-center text-gray-600">
30+
<h3 className="text-grayscale-900 mt-6 text-2xl font-semibold">지원자로 가입</h3>
31+
<p className="text-grayscale-600 mt-2 text-center">
3232
알바를 찾고 계신가요?
3333
<br />
3434
지원자로 가입하여 알바 정보를 확인하세요.
@@ -46,8 +46,8 @@ export default function SignupPage() {
4646
<div className="flex h-24 w-24 items-center justify-center rounded-full bg-lime-100">
4747
<MdStorefront className="h-14 w-14 text-lime-600" />
4848
</div>
49-
<h3 className="mt-6 text-2xl font-semibold text-gray-900">사장님으로 가입</h3>
50-
<p className="mt-2 text-center text-gray-600">
49+
<h3 className="text-grayscale-900 mt-6 text-2xl font-semibold">사장님으로 가입</h3>
50+
<p className="text-grayscale-600 mt-2 text-center">
5151
직원을 구하고 계신가요?
5252
<br />
5353
사장님으로 가입하여 구인 공고를 등록하세요.

‎src/app/(pages)/mypage/components/FilterBar/TabMenu.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@ export default function TabMenu() {
1919
const getLinkClassName = (value: string) => {
2020
return cn(
2121
"py-4 py-2 text-sm font-medium transition-colors sm:text-base",
22-
"hover:text-gray-900",
23-
currentTab === value ? "border-b-2 border-primary-orange-300 text-gray-900" : "text-gray-500"
22+
"hover:text-grayscale-900",
23+
currentTab === value ? "border-b-2 border-primary-orange-300 text-grayscale-900" : "text-grayscale-500"
2424
);
2525
};
2626

‎src/app/(pages)/mypage/components/FilterBar/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,14 +8,14 @@ export default function FilterBar() {
88
return (
99
<div className="w-full bg-white">
1010
{/* 마이페이지 섹션 */}
11-
<div className="border-b border-gray-200">
11+
<div className="border-b border-grayscale-200">
1212
<div>
13-
<h1 className="py-4 text-xl font-bold text-gray-900 sm:py-6 sm:text-2xl">마이페이지</h1>
13+
<h1 className="text-grayscale-900 py-4 text-xl font-bold sm:py-6 sm:text-2xl">마이페이지</h1>
1414
</div>
1515
</div>
1616

1717
{/* 탭 메뉴 섹션 */}
18-
<nav className="border-b border-gray-200">
18+
<nav className="border-b border-grayscale-200">
1919
<div className="flex flex-col lg:flex-row lg:items-center lg:justify-between">
2020
<TabMenu />
2121
<SortSection />

‎src/app/(pages)/mypage/components/sections/CommentsSection.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ export default function CommentsSection() {
5151
if (!data?.data?.length) {
5252
return (
5353
<div className="flex h-[calc(100vh-200px)] items-center justify-center">
54-
<p className="text-gray-500">작성한 댓글이 없습니다.</p>
54+
<p className="text-grayscale-500">작성한 댓글이 없습니다.</p>
5555
</div>
5656
);
5757
}
@@ -61,11 +61,11 @@ export default function CommentsSection() {
6161
{/* 댓글 목록 렌더링 */}
6262
{data.data.map((comment: MyCommentType) => (
6363
<div key={comment.id} className="rounded-lg border p-4">
64-
<h3 className="mb-2 font-medium text-gray-900">{comment.post.title}</h3>
65-
<p className="text-gray-600">{comment.content}</p>
66-
<div className="mt-2 text-sm text-gray-500">
64+
<h3 className="text-grayscale-900 mb-2 font-medium">{comment.post.title}</h3>
65+
<p className="text-grayscale-600">{comment.content}</p>
66+
<div className="mt-2 text-sm text-grayscale-500">
6767
<time>{new Date(comment.createdAt).toLocaleDateString()}</time>
68-
{comment.updatedAt !== comment.createdAt && <span className="ml-2 text-gray-400">(수정됨)</span>}
68+
{comment.updatedAt !== comment.createdAt && <span className="ml-2 text-grayscale-400">(수정됨)</span>}
6969
</div>
7070
</div>
7171
))}

‎src/app/(pages)/mypage/components/sections/PostsSection.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ export default function PostsSection() {
5656
if (!data?.pages[0]?.data?.length) {
5757
return (
5858
<div className="flex h-[calc(100vh-200px)] items-center justify-center">
59-
<p className="text-gray-500">작성한 게시글이 없습니다.</p>
59+
<p className="text-grayscale-500">작성한 게시글이 없습니다.</p>
6060
</div>
6161
);
6262
}
@@ -69,8 +69,8 @@ export default function PostsSection() {
6969
{page.data.map((post: PostListType) => (
7070
<div key={post.id} className="rounded-lg border p-4 transition-all hover:border-primary-orange-200">
7171
<h3 className="font-bold">{post.title}</h3>
72-
<p className="text-gray-600">{post.content}</p>
73-
<div className="mt-2 text-sm text-gray-500">
72+
<p className="text-grayscale-600">{post.content}</p>
73+
<div className="mt-2 text-sm text-grayscale-500">
7474
<span>댓글 {post.commentCount}</span>
7575
<span className="mx-2">•</span>
7676
<span>좋아요 {post.likeCount}</span>

0 commit comments

Comments
 (0)