Update frontend/src/components/AppHeader.jsx

frontend/src/components/AppHeader.jsx

@@ -13,16 +13,20 @@ export default function AppHeader({ title, subtitle, right }) {
             className="h-8 w-8 rounded-full border border-slate-200 bg-white object-cover"
           />
           <div className="min-w-0">
-            <div className="text-sm font-semibold tracking-tight truncate">
+            {/* Title - now full black */}
+            <div className="text-sm font-semibold tracking-tight text-black truncate">
               {title}
             </div>
+
+            {/* Subtitle - now darker than before */}
             {subtitle && (
-              <div className="text-xs text-slate-500 truncate">
+              <div className="text-xs text-slate-600 truncate">
                 {subtitle}
               </div>
             )}
           </div>
         </div>
+
         {right && (
           <div className="flex items-center gap-3 shrink-0">
             {right}