design: dark mode 관련 색상 지정

Help-M-Ssaem · Sep 4, 2024 · cc55c24 · cc55c24
1 parent e397035
commit cc55c24
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 9 deletions.
diff --git a/src/app/discussion/[id]/page.tsx b/src/app/discussion/[id]/page.tsx
@@ -126,9 +126,11 @@ const DiscussionDetail = () => {
 
             <div className="flex flex-col gap-4">
               <div className="flex flex-col gap-1">
-                <p className="text-title3 font-bold">{discussion.title}</p>
+                <p className="text-title3 font-bold text-maindark">
+                  {discussion.title}
+                </p>
                 {discussion.content && (
-                  <p className="text-body text-mainblack">
+                  <p className="text-body text-maindark">
                     {discussion.content}
                   </p>
                 )}

diff --git a/src/app/discussion/create/page.tsx b/src/app/discussion/create/page.tsx
@@ -163,7 +163,7 @@ const DiscussionCreatePagePage = () => {
           type="text"
           value={title}
           onChange={handleTitleChange}
-          className="w-full h-10 border border-gray4 rounded-md p-2 mb-5 focus:outline-none"
+          className="w-full h-10 border text-maindark border-gray4 rounded-md p-2 mb-5 focus:outline-none"
         />
 
         <div className="text-headline font-normal text-gray2 mb-2">
@@ -219,15 +219,15 @@ const DiscussionCreatePagePage = () => {
                     type="file"
                     accept="image/*"
                     onChange={(e) => handleImageChange(index, e)}
-                    className="hidden"
+                    className="hidden text-maindark"
                   />
                 </label>
 
                 <input
                   type="text"
                   value={option.content}
                   onChange={(e) => handleOptionTextChange(index, e)}
-                  className="w-full h-10 border border-gray-300 rounded-md p-2 mt-2 focus:outline-none"
+                  className="w-full h-10 border text-maindark border-gray-300 rounded-md p-2 mt-2 focus:outline-none"
                 />
               </div>
             </div>
@@ -254,7 +254,7 @@ const DiscussionCreatePagePage = () => {
         <textarea
           value={content}
           onChange={handleContentChange}
-          className="w-full h-20 border border-gray4 rounded-md p-2 mb-4 focus:outline-none"
+          className="w-full h-20 border text-maindark border-gray4 rounded-md p-2 mb-4 focus:outline-none"
         />
 
         <div className="flex justify-end mt-4 gap-2">

diff --git a/src/components/auth/ActivityCount.tsx b/src/components/auth/ActivityCount.tsx
@@ -16,7 +16,7 @@ const ActivityCount = ({ title, items }: ActivityCountProps) => {
       </div>
       <ul>
         {items.map((item, index) => (
-          <li key={index} className="flex justify-between my-1">
+          <li key={index} className="flex justify-between my-1 text-maindark">
             <span>{item.label}</span>
             <span>{item.count}</span>
           </li>

diff --git a/src/components/user/UserProfileUpdate.tsx b/src/components/user/UserProfileUpdate.tsx
@@ -179,7 +179,7 @@ const UserProfileUpdate = ({ onUpdate }: UserProfileUpdateProps) => {
             <input
               value={nickName || ''}
               onChange={(e) => setNickName(e.target.value)}
-              className="w-full border border-gray4 bg-white p-2.5 rounded-1.25 focus:outline-none"
+              className="w-full border text-maindark border-gray4 bg-white p-2.5 rounded-1.25 focus:outline-none"
             />
           </div>
 
@@ -216,7 +216,7 @@ const UserProfileUpdate = ({ onUpdate }: UserProfileUpdateProps) => {
             <input
               value={introduction || ''}
               onChange={(e) => setIntroduction(e.target.value)}
-              className="w-full border border-gray4 bg-white p-2.5 rounded-1.25 focus:outline-none"
+              className="w-full border text-maindark border-gray4 bg-white p-2.5 rounded-1.25 focus:outline-none"
             />
           </div>
         </>