From 05734d7301e019b5f3a66ac533e4c045410ec122 Mon Sep 17 00:00:00 2001
From: Jason Park <joonbin0319@gmail.com>
Date: Tue, 14 Nov 2023 00:10:22 +0900
Subject: [PATCH] chore: changing minor styling issues

---
 apps/career/src/components/jobdetail/CompanyOverview.tsx  | 4 ++--
 apps/career/src/components/jobdetail/JobContent.tsx       | 8 ++------
 apps/career/src/components/jobdetail/JobOverview.tsx      | 2 +-
 apps/career/src/components/jobdetail/Jobdetail.tsx        | 2 +-
 apps/career/src/components/joblist/JobCard.tsx            | 4 +++-
 .../career/src/components/joblist/PostRegisterProfile.tsx | 8 ++++----
 6 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/apps/career/src/components/jobdetail/CompanyOverview.tsx b/apps/career/src/components/jobdetail/CompanyOverview.tsx
index 9ab2c8fa..e8e476e4 100644
--- a/apps/career/src/components/jobdetail/CompanyOverview.tsx
+++ b/apps/career/src/components/jobdetail/CompanyOverview.tsx
@@ -21,7 +21,7 @@ const CompanyOverview = ({ job }: { job: JobProps }) => {
 
   return (
     <>
-      <div className="standard-style mt-14 rounded border">
+      <div className="standard-style mt-14 rounded border text-light-text1 dark:text-dark-text1">
         <h1 className="p-6 text-center text-4xl font-bold">Company Overview</h1>
         <div className="text-center">
           <div className="mx-auto h-[55px] w-[55px] rounded-full">
@@ -52,7 +52,7 @@ const CompanyOverview = ({ job }: { job: JobProps }) => {
                   {info.content}
                 </a>
               ) : (
-                <p className="mb-4 whitespace-pre-line p-2 font-bold text-gray-500 dark:text-gray-300">
+                <p className="mb-4 whitespace-pre-line p-2 font-bold">
                   {info.content}
                 </p>
               )}
diff --git a/apps/career/src/components/jobdetail/JobContent.tsx b/apps/career/src/components/jobdetail/JobContent.tsx
index 86ad3984..36eaaa15 100644
--- a/apps/career/src/components/jobdetail/JobContent.tsx
+++ b/apps/career/src/components/jobdetail/JobContent.tsx
@@ -55,12 +55,8 @@ const JobContent = ({ job }: { job: JobProps }) => {
         <div className="p-6">
           {jobContentSections.map((section, index) => (
             <div key={index} className="mt-5">
-              <h3 className="text-bold mb-3 text-gray-900 dark:text-gray-50">
-                {section.title}
-              </h3>
-              <p className="mb-0 whitespace-pre-line text-gray-500 dark:text-gray-300">
-                {section.content}
-              </p>
+              <h3 className="text-bold mb-3">{section.title}</h3>
+              <p className="mb-0 whitespace-pre-line">{section.content}</p>
             </div>
           ))}
         </div>
diff --git a/apps/career/src/components/jobdetail/JobOverview.tsx b/apps/career/src/components/jobdetail/JobOverview.tsx
index c0e69f23..6c11592c 100644
--- a/apps/career/src/components/jobdetail/JobOverview.tsx
+++ b/apps/career/src/components/jobdetail/JobOverview.tsx
@@ -60,7 +60,7 @@ const JobOverview = ({ job }: { job: JobProps }) => {
 
   return (
     <>
-      <div className="standard-style mt-14 rounded border">
+      <div className="standard-style mt-14 rounded border text-light-text1 dark:text-dark-text1">
         <div className="p-6">
           <h1 className="m-2 text-2xl font-bold">Job Overview</h1>
           <ul>
diff --git a/apps/career/src/components/jobdetail/Jobdetail.tsx b/apps/career/src/components/jobdetail/Jobdetail.tsx
index 6214162c..1d4e2dc4 100644
--- a/apps/career/src/components/jobdetail/Jobdetail.tsx
+++ b/apps/career/src/components/jobdetail/Jobdetail.tsx
@@ -38,7 +38,7 @@ const Jobdetail: React.FC<CareerComponentProps> = ({
 
   return (
     <>
-      <div className="grid grid-cols-12 gap-y-10 lg:gap-10 lg:gap-y-0">
+      <div className="grid grid-cols-12 gap-y-10 text-light-text1 dark:text-dark-text1 lg:gap-10 lg:gap-y-0">
         <div className="col-span-12">
           <h1 className="pt-7 text-center text-8xl font-bold">Careers</h1>
           <Breadcrumbs job={job} />
diff --git a/apps/career/src/components/joblist/JobCard.tsx b/apps/career/src/components/joblist/JobCard.tsx
index 6cf5dbff..2911d0d6 100644
--- a/apps/career/src/components/joblist/JobCard.tsx
+++ b/apps/career/src/components/joblist/JobCard.tsx
@@ -67,7 +67,9 @@ const JobCard: React.FC<JobCardProps> = ({
           {/* Date Posted Section */}
           <div className="col-span-12 sm:col-span-2">
             <div className="mb-0">
-              <h2 className="text-2xl font-bold">{formattedTime}</h2>
+              <h2 className="text-2xl font-bold text-light-text1 dark:text-dark-text1">
+                {formattedTime}
+              </h2>
             </div>
           </div>
           <div className="col-span-12 sm:col-span-2">
diff --git a/apps/career/src/components/joblist/PostRegisterProfile.tsx b/apps/career/src/components/joblist/PostRegisterProfile.tsx
index 1bb7e3d4..a40cec73 100644
--- a/apps/career/src/components/joblist/PostRegisterProfile.tsx
+++ b/apps/career/src/components/joblist/PostRegisterProfile.tsx
@@ -101,7 +101,7 @@ const PostRegisterProfile: React.FC<ProfileComponentProps> = ({
     setIsModalOpen(!isModalOpen)
   }
   return (
-    <div className="standard-style mt-4 rounded border">
+    <div className="standard-style mt-4 rounded border text-light-text1 dark:text-dark-text1">
       <h1 className="p-6 text-center text-2xl font-bold">Profile</h1>
       <div className="ml-2">
         <div className="text-center">
@@ -118,10 +118,10 @@ const PostRegisterProfile: React.FC<ProfileComponentProps> = ({
         <ul>
           {profileInformation.map((info, index) => (
             <li key={index} className="mt-6 flex items-center">
-              <i className="text-gray-500">{info.icon}</i>
+              <i className="">{info.icon}</i>
               <div className="ml-4">
-                <h2 className="mb-2 text-2xl font-bold">{info.label}</h2>
-                <h2 className="text-2xl">{info.content}</h2>
+                <h2 className="mb-2 text-2xl font-bold ">{info.label}</h2>
+                <h2 className="text-2xl ">{info.content}</h2>
               </div>
             </li>
           ))}