From 3ec9aeaf42015cc5dbf23a5ad51fb906cd73da8d Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Sat, 23 May 2026 23:12:14 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20page=20titles=20invisible=20on=20dark=20?=
 =?UTF-8?q?bg=20=E2=80=94=20text-slate-900=20=E2=86=92=20text-foreground?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/FocusGroupSession.tsx | 4 ++--
 src/pages/FocusGroups.tsx       | 4 ++--
 src/pages/SyntheticUsers.tsx    | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/FocusGroupSession.tsx b/src/pages/FocusGroupSession.tsx
index 2b203ed7..834a1376 100755
--- a/src/pages/FocusGroupSession.tsx
+++ b/src/pages/FocusGroupSession.tsx
@@ -1882,8 +1882,8 @@ const FocusGroupSession = () => {
               <ArrowLeft className="h-4 w-4" />
             </Button>
             <div>
-              <h1 className="font-sf text-2xl font-bold text-slate-900">{focusGroup.name}</h1>
-              <p className="text-slate-600">{new Date(focusGroup.date).toLocaleString()}</p>
+              <h1 className="font-sf text-2xl font-bold text-foreground">{focusGroup.name}</h1>
+              <p className="text-muted-foreground">{new Date(focusGroup.date).toLocaleString()}</p>
               <div className="flex items-center mt-1">
                 <Bot className="h-3 w-3 text-slate-500 mr-1" />
                 <Badge variant="secondary" className="text-xs">
diff --git a/src/pages/FocusGroups.tsx b/src/pages/FocusGroups.tsx
index 9890fd78..7c5a64b7 100755
--- a/src/pages/FocusGroups.tsx
+++ b/src/pages/FocusGroups.tsx
@@ -290,8 +290,8 @@ const FocusGroups = () => {
       <main className="pt-20 pb-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
         <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-8">
           <div>
-            <h1 className="font-sf text-3xl font-bold text-slate-900">Focus Groups</h1>
-            <p className="text-slate-600 mt-1">Set up and manage AI-moderated research sessions</p>
+            <h1 className="font-sf text-3xl font-bold text-foreground">Focus Groups</h1>
+            <p className="text-muted-foreground mt-1">Set up and manage AI-moderated research sessions</p>
           </div>
           
           <div className="mt-4 sm:mt-0">
diff --git a/src/pages/SyntheticUsers.tsx b/src/pages/SyntheticUsers.tsx
index 0e356e4f..ae4f78ab 100755
--- a/src/pages/SyntheticUsers.tsx
+++ b/src/pages/SyntheticUsers.tsx
@@ -1156,8 +1156,8 @@ const SyntheticUsers = () => {
       <main className="pt-20 pb-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
         <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-8">
           <div>
-            <h1 className="font-sf text-3xl font-bold text-slate-900">Synthetic Personas</h1>
-            <p className="text-slate-600 mt-1">Create and manage AI-generated research participants</p>
+            <h1 className="font-sf text-3xl font-bold text-foreground">Synthetic Personas</h1>
+            <p className="text-muted-foreground mt-1">Create and manage AI-generated research participants</p>
           </div>
           
           <div className="mt-4 sm:mt-0 flex flex-col items-end gap-3">