From a0324ee34cb9a00de73661961827f67cbd5a4a2b Mon Sep 17 00:00:00 2001
From: Kalpana Chavhan <kalpnachauhan347@gmail.com>
Date: Fri, 9 Jan 2026 22:44:49 +0530
Subject: [PATCH 1/2] fix: ensure input text visibility in light and dark modes

---
 Frontend/src/components/ui/input.tsx | 13 ++++++++--
 Frontend/src/index.css               | 37 ++++++++++++----------------
 2 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/Frontend/src/components/ui/input.tsx b/Frontend/src/components/ui/input.tsx
index 6ed9422..494caa8 100644
--- a/Frontend/src/components/ui/input.tsx
+++ b/Frontend/src/components/ui/input.tsx
@@ -7,7 +7,16 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
       <input
         type={type}
         className={cn(
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          // BASE STYLES
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background",
+          // TEXT VISIBILITY FIX
+          "text-foreground placeholder:text-muted-foreground", 
+          // FILE INPUT STYLES
+          "file:border-0 file:bg-transparent file:text-sm file:font-medium",
+          // INTERACTION STYLES
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+          // DISABLED STATES
+          "disabled:cursor-not-allowed disabled:opacity-50",
           className
         )}
         ref={ref}
@@ -18,4 +27,4 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
 );
 Input.displayName = "Input";
 
-export { Input };
+export { Input };
\ No newline at end of file
diff --git a/Frontend/src/index.css b/Frontend/src/index.css
index f2a93bb..63eb3da 100644
--- a/Frontend/src/index.css
+++ b/Frontend/src/index.css
@@ -117,37 +117,32 @@
   body {
     @apply bg-background text-foreground;
   }
+  /* FIX FOR ISSUE #272: Ensuring input text is visible */
+  input, textarea, select {
+    @apply bg-background text-foreground border-input px-3 py-2 ring-offset-background;
+    color: var(--foreground); /* Forces text color to use project foreground */
+  }
+  
+  input::placeholder {
+    @apply text-muted-foreground;
+  }
 }
 
 /* Custom Animations */
 @keyframes gradient {
-  0% {
-    background-position: 0% 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0% 50%;
-  }
+  0% { background-position: 0% 50%; }
+  50% { background-position: 100% 50%; }
+  100% { background-position: 0% 50%; }
 }
 
 @keyframes float {
-  0%, 100% {
-    transform: translateY(0px);
-  }
-  50% {
-    transform: translateY(-10px);
-  }
+  0%, 100% { transform: translateY(0px); }
+  50% { transform: translateY(-10px); }
 }
 
 @keyframes glow {
-  0%, 100% {
-    box-shadow: 0 0 20px rgba(147, 51, 234, 0.3);
-  }
-  50% {
-    box-shadow: 0 0 40px rgba(147, 51, 234, 0.6);
-  }
+  0%, 100% { box-shadow: 0 0 20px rgba(147, 51, 234, 0.3); }
+  50% { box-shadow: 0 0 40px rgba(147, 51, 234, 0.6); }
 }
 
 .animate-gradient {

From 6d9331d9defc0a2e54c6d88f76e14f6f6b385a7c Mon Sep 17 00:00:00 2001
From: Kalpana Chavhan <kalpnachauhan347@gmail.com>
Date: Fri, 9 Jan 2026 22:57:51 +0530
Subject: [PATCH 2/2] solved issues for text visibility

---
 Frontend/src/components/ui/input.tsx | 11 +----------
 Frontend/src/index.css               | 11 +----------
 2 files changed, 2 insertions(+), 20 deletions(-)

diff --git a/Frontend/src/components/ui/input.tsx b/Frontend/src/components/ui/input.tsx
index 494caa8..3f19c1d 100644
--- a/Frontend/src/components/ui/input.tsx
+++ b/Frontend/src/components/ui/input.tsx
@@ -7,16 +7,7 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
       <input
         type={type}
         className={cn(
-          // BASE STYLES
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background",
-          // TEXT VISIBILITY FIX
-          "text-foreground placeholder:text-muted-foreground", 
-          // FILE INPUT STYLES
-          "file:border-0 file:bg-transparent file:text-sm file:font-medium",
-          // INTERACTION STYLES
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-          // DISABLED STATES
-          "disabled:cursor-not-allowed disabled:opacity-50",
+
           className
         )}
         ref={ref}
diff --git a/Frontend/src/index.css b/Frontend/src/index.css
index 63eb3da..4f3bce8 100644
--- a/Frontend/src/index.css
+++ b/Frontend/src/index.css
@@ -117,16 +117,7 @@
   body {
     @apply bg-background text-foreground;
   }
-  /* FIX FOR ISSUE #272: Ensuring input text is visible */
-  input, textarea, select {
-    @apply bg-background text-foreground border-input px-3 py-2 ring-offset-background;
-    color: var(--foreground); /* Forces text color to use project foreground */
-  }
-  
-  input::placeholder {
-    @apply text-muted-foreground;
-  }
-}
+ 
 
 /* Custom Animations */
 @keyframes gradient {