Improve text visibility on interview prep cards - part 2

Co-authored-by: Adez017 <[email protected]>

Author: Copilot

src/pages/interview-prep/CompaniesTab.tsx

@@ -486,7 +486,7 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
                                   {i + 1}
                                 </span>
                               </div>
-                              <span className="leading-relaxed text-gray-700 dark:text-gray-300">
+                              <span className="leading-relaxed text-gray-800 dark:text-gray-200">
                                 {tip}
                               </span>
                             </motion.li>
@@ -558,7 +558,7 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
                                     animate={{ opacity: 1, y: 0 }}
                                     transition={{ duration: 0.3 }}
                                   >
-                                    <p className="text-sm leading-relaxed text-gray-700 dark:text-gray-300">
+                                    <p className="text-sm leading-relaxed text-gray-800 dark:text-gray-200">
                                       {item.answer}
                                     </p>
                                   </motion.div>
@@ -590,7 +590,7 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
                               Community Contributors Needed!
                             </h5>
                           </div>
-                          <p className="mb-6 leading-relaxed text-gray-700 dark:text-gray-300">
+                          <p className="mb-6 leading-relaxed text-gray-800 dark:text-gray-200">
                             Help keep {company.company}'s interview information
                             current! Share recent questions, tips, or insights
                             you've encountered to help fellow candidates
@@ -672,7 +672,7 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
               <span className="mr-4 text-5xl">🤝</span>
               Join Our Interview Prep Community
             </h3>
-            <p className="text-xl text-gray-600 dark:text-gray-300">
+            <p className="text-xl text-gray-700 dark:text-gray-200">
               Help build the most comprehensive company interview resource and
               accelerate your career growth
             </p>
@@ -744,10 +744,10 @@ const CompaniesTab: React.FC<CompaniesTabProps> = ({ companyTips = [] }) => {
                 <h4 className="mb-3 text-lg font-bold text-gray-900 dark:text-white">
                   {item.title}
                 </h4>
-                <p className="mb-4 text-sm leading-relaxed text-gray-600 dark:text-gray-300">
+                <p className="mb-4 text-sm leading-relaxed text-gray-700 dark:text-gray-200">
                   {item.description}
                 </p>
-                <div className="inline-flex items-center rounded-full bg-gray-100 px-3 py-1 text-xs font-semibold text-gray-700 dark:bg-gray-700 dark:text-gray-300">
+                <div className="inline-flex items-center rounded-full bg-gray-100 px-3 py-1 text-xs font-semibold text-gray-800 dark:bg-gray-700 dark:text-gray-200">
                   {item.benefit}
                 </div>
               </motion.div>

src/pages/interview-prep/PracticeTab.tsx

@@ -275,7 +275,7 @@ const PracticeTab: React.FC<PracticeTabProps> = ({
             >
               Mock Interview Practice
             </motion.h2>
-            <p className="text-xl leading-relaxed text-gray-700 dark:text-gray-300">
+            <p className="text-xl leading-relaxed text-gray-800 dark:text-gray-200">
               Simulate real interview scenarios with our interactive practice
               sessions. Track your progress, time your responses, and get
               instant feedback to improve your interview performance.
@@ -300,7 +300,7 @@ const PracticeTab: React.FC<PracticeTabProps> = ({
                 <h3 className="mb-3 text-xl font-bold text-gray-900 dark:text-white">
                   Technical Deep Dive
                 </h3>
-                <p className="mb-4 leading-relaxed text-gray-600 dark:text-gray-300">
+                <p className="mb-4 leading-relaxed text-gray-700 dark:text-gray-200">
                   Explore comprehensive technical resources, coding patterns,
                   and algorithm practice.
                 </p>
@@ -337,7 +337,7 @@ const PracticeTab: React.FC<PracticeTabProps> = ({
                 <h3 className="mb-3 text-xl font-bold text-gray-900 dark:text-white">
                   Behavioral Mastery
                 </h3>
-                <p className="mb-4 leading-relaxed text-gray-600 dark:text-gray-300">
+                <p className="mb-4 leading-relaxed text-gray-700 dark:text-gray-200">
                   Master the STAR method and practice storytelling for
                   behavioral interviews.
                 </p>
@@ -375,7 +375,7 @@ const PracticeTab: React.FC<PracticeTabProps> = ({
                 <h3 className="mb-3 text-xl font-bold text-gray-900 dark:text-white">
                   Company Research
                 </h3>
-                <p className="mb-4 leading-relaxed text-gray-600 dark:text-gray-300">
+                <p className="mb-4 leading-relaxed text-gray-700 dark:text-gray-200">
                   Research specific companies, their interview processes, and
                   preparation strategies.
                 </p>
@@ -1067,7 +1067,7 @@ const PracticeTab: React.FC<PracticeTabProps> = ({
               <h4 className="mb-3 text-lg font-black text-gray-900 dark:text-white">
                 {feature.title}
               </h4>
-              <p className="text-sm leading-relaxed font-medium text-gray-600 dark:text-gray-300">
+              <p className="text-sm leading-relaxed font-medium text-gray-700 dark:text-gray-200">
                 {feature.desc}
               </p>
             </motion.div>