design(#46): 다크모드 관련 색상 설정

Help-M-Ssaem · Aug 21, 2024 · 03315f4 · 03315f4
1 parent f2fa972
commit 03315f4
Show file tree

Hide file tree

Showing 7 changed files with 22 additions and 13 deletions.
diff --git a/src/app/board/[id]/page.tsx b/src/app/board/[id]/page.tsx
@@ -91,7 +91,7 @@ const BoardDetail = () => {
                 <div className="flex justify-end gap-2.5 mb-5">
                   <Button
                     text="수정"
-                    color="PURPLE"
+                    color="LIGHTPURPLE"
                     size="small"
                     onClick={() => {
                       router.push(`/board/${id}/update`)
@@ -117,9 +117,11 @@ const BoardDetail = () => {
             </div>
 
             <div className="flex flex-col gap-1">
-              <p className="text-title3 font-bold">{boardDetail.title}</p>
+              <p className="text-title3 font-bold text-maindark">
+                {boardDetail.title}
+              </p>
               <div
-                className="text-body text-mainblack"
+                className="text-body text-maindark"
                 dangerouslySetInnerHTML={{ __html: boardDetail.content }}
               />
             </div>

diff --git a/src/app/worry/[id]/page.tsx b/src/app/worry/[id]/page.tsx
@@ -46,7 +46,7 @@ const WorryDetail = () => {
           <div className="flex justify-end gap-2.5">
             <Button
               text="수정"
-              color="PURPLE"
+              color="LIGHTPURPLE"
               size="small"
               onClick={() => {
                 router.push(`/worry/${id}/update`)
@@ -79,9 +79,11 @@ const WorryDetail = () => {
             </div>
 
             <div className="flex flex-col gap-1">
-              <p className="text-title3 font-bold">{worryDetail.title}</p>
+              <p className="text-title3 font-bold text-maindark">
+                {worryDetail.title}
+              </p>
               <div
-                className="text-body text-mainblack"
+                className="text-body text-maindark"
                 dangerouslySetInnerHTML={{ __html: worryDetail.content }}
               />
             </div>

diff --git a/src/components/board/BoardCreatePage.tsx b/src/components/board/BoardCreatePage.tsx
@@ -127,7 +127,7 @@ const BoardCreatePage = () => {
           type="text"
           value={title}
           onChange={(e) => setTitle(e.target.value)}
-          className="w-full h-10 border border-gray-300 rounded-md p-2 mb-4"
+          className="w-full h-10 border border-gray-300 rounded-md p-2 mb-4 text-maindark"
         />
         <div className="text-headline font-normal text-gray2 mb-5">
           내용을 입력해주세요.
@@ -146,11 +146,12 @@ const BoardCreatePage = () => {
               callback(imgUrl, 'image')
             },
           }}
+          className="text-maindark"
         />
         <div className="flex gap-2.5 justify-end mt-4">
           <Button
             text="취소하기"
-            color="PURPLE"
+            color="LIGHTPURPLE"
             size="small"
             onClick={() => router.back()}
           />

diff --git a/src/components/board/BoardUpdatePage.tsx b/src/components/board/BoardUpdatePage.tsx
@@ -146,7 +146,7 @@ const BoardUpdatePage = () => {
           type="text"
           value={title}
           onChange={(e) => setTitle(e.target.value)}
-          className="w-full h-10 border border-gray-300 rounded-md p-2 mb-4"
+          className="w-full h-10 border border-gray-300 rounded-md p-2 mb-4 text-maindark"
         />
         <div className="text-headline font-normal text-gray2 mb-5">
           내용을 입력해주세요.
@@ -165,11 +165,12 @@ const BoardUpdatePage = () => {
               callback(imgUrl, 'image')
             },
           }}
+          className="text-maindark"
         />
         <div className="flex gap-2.5 justify-end mt-4">
           <Button
             text="취소하기"
-            color="PURPLE"
+            color="LIGHTPURPLE"
             size="small"
             onClick={() => router.back()}
           />

diff --git a/src/components/worry/WorryCreatePage.tsx b/src/components/worry/WorryCreatePage.tsx
@@ -146,7 +146,7 @@ const WorryCreatePage = () => {
           type="text"
           value={title}
           onChange={(e) => setTitle(e.target.value)}
-          className="w-full h-10 border border-gray-300 rounded-md p-2 mb-4"
+          className="w-full h-10 border border-gray-300 rounded-md p-2 mb-4 text-maindark"
         />
 
         <div className="text-headline font-normal text-gray2 mb-2">
@@ -166,6 +166,7 @@ const WorryCreatePage = () => {
               callback(imgUrl, 'image')
             },
           }}
+          className="text-maindark"
         />
 
         <div className="flex gap-2.5 justify-end mt-4">

diff --git a/src/components/worry/WorryProfile.tsx b/src/components/worry/WorryProfile.tsx
@@ -41,7 +41,9 @@ const WorryProfile = ({
       </div>
 
       <div className="flex flex-col gap-1">
-        <div className="text-headline font-semibold">{nickName} 님</div>
+        <div className="text-headline font-semibold text-maindark">
+          {nickName} 님
+        </div>
         <div className="flex gap-2.5">
           <Button text={strFromMbti} color={strFromMbti} size="badge" />
           <Image

diff --git a/src/components/worry/WorryUpdatePage.tsx b/src/components/worry/WorryUpdatePage.tsx
@@ -169,7 +169,7 @@ const WorryUpdatePage = () => {
           type="text"
           value={title}
           onChange={(e) => setTitle(e.target.value)}
-          className="w-full h-10 border border-gray-300 rounded-md p-2 mb-4"
+          className="w-full h-10 border border-gray-300 rounded-md p-2 mb-4 text-maindark"
         />
 
         <div className="text-headline font-normal text-gray2 mb-2">