Implementasi Backend pada login, FAQ, Settings Intern, Projects Intern, Home Intern

src/Pages/internify/intern/components/HomeCalendar.tsx

@@ -89,13 +89,13 @@ const HomeCalendar = () => {
   }
 
   return (
-    <div className=" px-13 py-5 border border-gray-200 rounded-2xl">
+    <div className=" px-13 py-5 border border-card-outline rounded-2xl">
       {/* Header */}
       <div className="flex items-center justify-between mb-4">
-        <h2 className="text-base font-semibold text-gray-800">
+        <h2 className="font-bold text-font">
           {MONTH_NAMES[currentMonth]} {currentYear}
         </h2>
-        <div className="flex items-center gap-1">
+        <div className="flex items-center">
           <button
             onClick={prevMonth}
             className="p-1 rounded hover:bg-gray-100 transition-colors"
@@ -160,11 +160,11 @@ const HomeCalendar = () => {
       </div>
 
       {/* Divider */}
-      <hr className="my-3 border-gray-100" />
+      <hr className="my-3 border-gray-400" />
 
       {/* Upcoming Deadlines */}
       <div>
-        <p className="text-[10px] font-semibold text-gray-400 uppercase tracking-widest mb-2">
+        <p className="text-[10px] font-semibold text-font uppercase tracking-widest mb-2">
           Upcoming Deadlines
         </p>
         {upcomingDeadlines.length > 0 ? (
@@ -172,12 +172,12 @@ const HomeCalendar = () => {
             {upcomingDeadlines.map((d, i) => (
               <li key={i} className="flex items-center gap-2">
                 <span className="w-2 h-2 rounded-full bg-red-600 flex-shrink-0" />
-                <span className="text-xs text-gray-600">{d.label}</span>
+                <span className="text-xs text-font-shade">{d.label}</span>
               </li>
             ))}
           </ul>
         ) : (
-          <p className="text-[11px] text-gray-400">No upcoming deadlines this month.</p>
+          <p className="text-[11px] text-font-shade">No upcoming deadlines this month.</p>
         )}
       </div>
     </div>