From 4ceda7b289314f219d3b80d9fa0f430e97dca244 Mon Sep 17 00:00:00 2001
From: Abhik-Mudi <abhikmudi6@gmail.com>
Date: Sat, 6 Dec 2025 11:20:40 +0530
Subject: [PATCH 1/2] fix#218: UI changed for the login and signup page

---
 frontend/app/login/page.tsx  |  4 ++--
 frontend/app/signup/page.tsx | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/app/login/page.tsx b/frontend/app/login/page.tsx
index 7e8456b..9fad079 100644
--- a/frontend/app/login/page.tsx
+++ b/frontend/app/login/page.tsx
@@ -127,7 +127,7 @@ export default function LoginPage() {
                 id="email"
                 type="email"
                 {...register("email")}
-                className="w-full rounded-lg border border-gray-300 px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
+                className="w-full rounded-lg border text-gray-700 border-gray-300 px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
                 placeholder="you@example.com"
                 disabled={isLoading}
                 autoComplete="email"
@@ -152,7 +152,7 @@ export default function LoginPage() {
                   id="password"
                   type={showPassword ? "text" : "password"}
                   {...register("password")}
-                  className="w-full rounded-lg border border-gray-300 px-4 py-2.5 pr-10 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
+                  className="w-full rounded-lg border text-gray-700 border-gray-300 px-4 py-2.5 pr-10 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
                   placeholder="••••••••"
                   disabled={isLoading}
                   autoComplete="current-password"
diff --git a/frontend/app/signup/page.tsx b/frontend/app/signup/page.tsx
index e6e3294..20fa3d1 100644
--- a/frontend/app/signup/page.tsx
+++ b/frontend/app/signup/page.tsx
@@ -172,7 +172,7 @@ export default function SignupPage() {
                 id="name"
                 type="text"
                 {...register("name")}
-                className="w-full rounded-lg border border-gray-300 px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
+                className="w-full rounded-lg border text-gray-700 border-gray-300 px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
                 placeholder="John Doe"
                 disabled={isLoading || success}
               />
@@ -195,7 +195,7 @@ export default function SignupPage() {
                 id="email"
                 type="email"
                 {...register("email")}
-                className="w-full rounded-lg border border-gray-300 px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
+                className="w-full rounded-lg border text-gray-700 border-gray-300 px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
                 placeholder="you@example.com"
                 disabled={isLoading || success}
               />
@@ -217,7 +217,7 @@ export default function SignupPage() {
               <select
                 id="accountType"
                 {...register("accountType")}
-                className="w-full rounded-lg border border-gray-300 bg-white px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
+                className="w-full rounded-lg border text-gray-500 border-gray-300 bg-white px-4 py-2.5 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
                 disabled={isLoading || success}
               >
                 <option value="">Select account type</option>
@@ -244,7 +244,7 @@ export default function SignupPage() {
                   id="password"
                   type={showPassword ? "text" : "password"}
                   {...register("password")}
-                  className="w-full rounded-lg border border-gray-300 px-4 py-2.5 pr-10 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
+                  className="w-full rounded-lg border text-gray-700 border-gray-300 px-4 py-2.5 pr-10 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
                   placeholder="••••••••"
                   disabled={isLoading || success}
                 />
@@ -296,7 +296,7 @@ export default function SignupPage() {
                   id="confirmPassword"
                   type={showConfirmPassword ? "text" : "password"}
                   {...register("confirmPassword")}
-                  className="w-full rounded-lg border border-gray-300 px-4 py-2.5 pr-10 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
+                  className="w-full rounded-lg border text-gray-700 border-gray-300 px-4 py-2.5 pr-10 transition outline-none focus:border-transparent focus:ring-2 focus:ring-purple-500"
                   placeholder="••••••••"
                   disabled={isLoading || success}
                 />

From 8fd2c4a0655a6b58030c7f4673b5fb2ad659f00c Mon Sep 17 00:00:00 2001
From: Abhik-Mudi <abhikmudi6@gmail.com>
Date: Sat, 6 Dec 2025 20:52:14 +0530
Subject: [PATCH 2/2] fixed the text color in onboarding, campaign-wall and
 analytics form

---
 frontend/app/creator/campaign-wall/page.tsx      | 10 +++++-----
 frontend/app/creator/onboarding/page.tsx         | 16 ++++++++--------
 .../analytics/AIAnalyticsDashboard.tsx           |  2 +-
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/frontend/app/creator/campaign-wall/page.tsx b/frontend/app/creator/campaign-wall/page.tsx
index 091cf17..7b8e0d9 100644
--- a/frontend/app/creator/campaign-wall/page.tsx
+++ b/frontend/app/creator/campaign-wall/page.tsx
@@ -284,7 +284,7 @@ export default function CampaignWallPage() {
                       value={searchTerm}
                       onChange={(e) => setSearchTerm(e.target.value)}
                       onKeyPress={(e) => e.key === "Enter" && handleSearch()}
-                      className="w-full rounded-lg border border-gray-300 py-3 pr-4 pl-10 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
+                      className="w-full rounded-lg border text-gray-700 border-gray-300 py-3 pr-4 pl-10 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
                     />
                   </div>
                 </div>
@@ -294,7 +294,7 @@ export default function CampaignWallPage() {
                     <select
                       value={platformFilter}
                       onChange={(e) => setPlatformFilter(e.target.value)}
-                      className="min-w-[120px] appearance-none rounded-lg border border-gray-300 py-3 pr-10 pl-10 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
+                      className="min-w-[120px] appearance-none rounded-lg border text-gray-700 border-gray-300 py-3 pr-10 pl-10 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
                     >
                       <option value="">All Platforms</option>
                       {PLATFORM_OPTIONS.map((option) => (
@@ -307,7 +307,7 @@ export default function CampaignWallPage() {
                   <select
                     value={nicheFilter}
                     onChange={(e) => setNicheFilter(e.target.value)}
-                    className="min-w-[120px] appearance-none rounded-lg border border-gray-300 py-3 pr-10 pl-4 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
+                    className="min-w-[120px] appearance-none rounded-lg border text-gray-700 border-gray-300 py-3 pr-10 pl-4 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
                   >
                     <option value="">All Niches</option>
                     {NICHE_OPTIONS.map((option) => (
@@ -321,7 +321,7 @@ export default function CampaignWallPage() {
                     placeholder="Min Budget"
                     value={budgetMin}
                     onChange={(e) => setBudgetMin(e.target.value)}
-                    className="w-28 rounded-lg border border-gray-300 px-3 py-3 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
+                    className="w-28 rounded-lg border text-gray-700 border-gray-300 px-3 py-3 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
                     min={0}
                   />
                   <input
@@ -329,7 +329,7 @@ export default function CampaignWallPage() {
                     placeholder="Max Budget"
                     value={budgetMax}
                     onChange={(e) => setBudgetMax(e.target.value)}
-                    className="w-28 rounded-lg border border-gray-300 px-3 py-3 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
+                    className="w-28 rounded-lg border text-gray-700 border-gray-300 px-3 py-3 focus:border-purple-500 focus:ring-2 focus:ring-purple-200 focus:outline-none"
                     min={0}
                   />
                   <button
diff --git a/frontend/app/creator/onboarding/page.tsx b/frontend/app/creator/onboarding/page.tsx
index 4dfce71..fde3b56 100644
--- a/frontend/app/creator/onboarding/page.tsx
+++ b/frontend/app/creator/onboarding/page.tsx
@@ -343,7 +343,7 @@ export default function CreatorOnboardingPage() {
               value={formData.displayName}
               onChange={(e) => updateFormData("displayName", e.target.value)}
               placeholder="Your creator name"
-              className="w-full rounded-lg border-2 border-gray-300 px-6 py-4 text-lg transition-colors focus:border-purple-500 focus:outline-none"
+              className="w-full rounded-lg border-2 text-gray-700 border-gray-300 px-6 py-4 text-lg transition-colors focus:border-purple-500 focus:outline-none"
               autoFocus
             />
             {formData.displayName.length > 0 &&
@@ -375,7 +375,7 @@ export default function CreatorOnboardingPage() {
                   value={formData.tagline}
                   onChange={(e) => updateFormData("tagline", e.target.value)}
                   placeholder="A catchy one-liner about you"
-                  className="w-full rounded-lg border-2 border-gray-300 px-4 py-3 transition-colors focus:border-purple-500 focus:outline-none"
+                  className="w-full rounded-lg border-2 text-gray-700 border-gray-300 px-4 py-3 transition-colors focus:border-purple-500 focus:outline-none"
                 />
               </div>
               <div>
@@ -388,7 +388,7 @@ export default function CreatorOnboardingPage() {
                   placeholder="Tell us your story, what you create, and what makes you unique..."
                   rows={5}
                   maxLength={500}
-                  className="w-full rounded-lg border-2 border-gray-300 px-4 py-3 transition-colors focus:border-purple-500 focus:outline-none"
+                  className="w-full rounded-lg border-2 text-gray-700 border-gray-300 px-4 py-3 transition-colors focus:border-purple-500 focus:outline-none"
                 />
                 <p className="mt-1 text-right text-sm text-gray-500">
                   {formData.bio.length}/500 characters
@@ -412,7 +412,7 @@ export default function CreatorOnboardingPage() {
             <select
               value={formData.primaryNiche}
               onChange={(e) => updateFormData("primaryNiche", e.target.value)}
-              className="w-full rounded-lg border-2 border-gray-300 px-4 py-3 text-lg transition-colors focus:border-purple-500 focus:outline-none"
+              className="w-full rounded-lg border-2 text-gray-500 border-gray-300 px-4 py-3 text-lg transition-colors focus:border-purple-500 focus:outline-none"
             >
               <option value="">Select your primary niche</option>
               {NICHE_OPTIONS.map((niche) => (
@@ -494,7 +494,7 @@ export default function CreatorOnboardingPage() {
                         platform: e.target.value,
                       })
                     }
-                    className="w-full rounded-lg border-2 border-gray-300 px-4 py-2 focus:border-purple-500 focus:outline-none"
+                    className="w-full rounded-lg border-2 text-gray-500 border-gray-300 px-4 py-2 focus:border-purple-500 focus:outline-none"
                   >
                     <option value="">Select platform</option>
                     {SOCIAL_PLATFORMS.map((platform) => (
@@ -510,7 +510,7 @@ export default function CreatorOnboardingPage() {
                       setNewPlatform({ ...newPlatform, handle: e.target.value })
                     }
                     placeholder="Username/handle"
-                    className="w-full rounded-lg border-2 border-gray-300 px-4 py-2 focus:border-purple-500 focus:outline-none"
+                    className="w-full rounded-lg border-2 text-gray-700 border-gray-300 px-4 py-2 focus:border-purple-500 focus:outline-none"
                   />
                   <select
                     value={newPlatform.followers}
@@ -520,7 +520,7 @@ export default function CreatorOnboardingPage() {
                         followers: e.target.value,
                       })
                     }
-                    className="w-full rounded-lg border-2 border-gray-300 px-4 py-2 focus:border-purple-500 focus:outline-none"
+                    className="w-full rounded-lg border-2 text-gray-500 border-gray-300 px-4 py-2 focus:border-purple-500 focus:outline-none"
                   >
                     <option value="">Select follower count</option>
                     {FOLLOWER_RANGES.map((range) => (
@@ -578,7 +578,7 @@ export default function CreatorOnboardingPage() {
                   onChange={(e) =>
                     updateFormData("postingFrequency", e.target.value)
                   }
-                  className="w-full rounded-lg border-2 border-gray-300 px-4 py-3 focus:border-purple-500 focus:outline-none"
+                  className="w-full rounded-lg border-2 text-gray-500 border-gray-300 px-4 py-3 focus:border-purple-500 focus:outline-none"
                 >
                   <option value="">Select frequency</option>
                   {POSTING_FREQUENCIES.map((freq) => (
diff --git a/frontend/components/analytics/AIAnalyticsDashboard.tsx b/frontend/components/analytics/AIAnalyticsDashboard.tsx
index 5e61f4d..8470bd9 100644
--- a/frontend/components/analytics/AIAnalyticsDashboard.tsx
+++ b/frontend/components/analytics/AIAnalyticsDashboard.tsx
@@ -279,7 +279,7 @@ export default function AIAnalyticsDashboard({
             onChange={(e) => setNlQuery(e.target.value)}
             onKeyPress={(e) => e.key === "Enter" && handleNLQuery()}
             placeholder="Ask a question about your analytics data... (e.g., 'What's my average engagement rate?')"
-            className="flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
+            className="flex-1 px-4 py-2 border text-gray-700 border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
           />
           <button
             onClick={handleNLQuery}