From 6a40873fd7e23d841bc80c65e97497de691db68b Mon Sep 17 00:00:00 2001
From: Yash Kumar <yashkumar02006@gmail.com>
Date: Wed, 27 May 2026 00:32:08 +0530
Subject: [PATCH 1/2] fix(signup): resolve invisible manually typed text in
 inputs #550

---
 package.json                | 18 ++----------------
 src/pages/Signup/Signup.tsx | 18 +++++++++++++++---
 2 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/package.json b/package.json
index 5d166404..ffc78472 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,6 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
-
   "scripts": {
     "dev": "vite --host",
     "build": "vite build",
@@ -14,14 +13,13 @@
     "docker:dev": "docker compose --profile dev up --build",
     "docker:prod": "docker compose --profile prod up -d --build"
   },
-
   "dependencies": {
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.15.6",
     "@mui/material": "^5.15.6",
     "@primer/octicons-react": "^19.25.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^6.0.2",
     "axios": "^1.7.7",
     "express": "^5.2.1",
     "framer-motion": "^12.23.12",
@@ -37,7 +35,6 @@
     "recharts": "^3.8.1",
     "tailwindcss": "^3.4.14"
   },
-
   "devDependencies": {
     "@eslint/js": "^9.13.0",
     "@testing-library/jest-dom": "^6.9.1",
@@ -50,33 +47,22 @@
     "@types/react-redux": "^7.1.34",
     "@types/react-router-dom": "^5.3.3",
 
-    "@vitejs/plugin-react-swc": "^3.5.0",
-
     "autoprefixer": "^10.4.20",
     "bcryptjs": "^3.0.3",
-
     "eslint": "^9.13.0",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.14",
-
     "express-session": "^1.18.2",
-
     "globals": "^15.11.0",
-
     "jasmine": "^5.13.0",
     "jasmine-spec-reporter": "^7.0.0",
-
     "jsdom": "^29.1.1",
-
     "passport": "^0.7.0",
     "passport-local": "^1.0.0",
-
     "supertest": "^7.2.2",
-
     "typescript-eslint": "^8.59.3",
-
-    "vite": "^5.4.10",
+    "vite": "^8.0.14",
     "vitest": "^4.1.6"
   }
 }
diff --git a/src/pages/Signup/Signup.tsx b/src/pages/Signup/Signup.tsx
index 880607c7..743398e5 100644
--- a/src/pages/Signup/Signup.tsx
+++ b/src/pages/Signup/Signup.tsx
@@ -223,7 +223,11 @@ const SignUp: React.FC = () => {
                 placeholder="Enter your username"
                 value={formData.username}
                 onChange={handleChange}
-                className="w-full px-4 py-4 rounded-2xl border"
+                className={`w-full px-4 py-4 rounded-2xl border focus:outline-none transition-all ${
+                  mode === "dark"
+                    ? "bg-white/5 border-white/10 text-white placeholder-slate-400 focus:ring-2 focus:ring-purple-500"
+                    : "bg-gray-100 border-gray-300 text-gray-900 placeholder-gray-500 focus:ring-2 focus:ring-purple-400"
+                }`}
               />
               {errors.username && (
                 <p className="text-red-500 text-sm mt-2">{errors.username}</p>
@@ -238,7 +242,11 @@ const SignUp: React.FC = () => {
                 placeholder="Enter your email"
                 value={formData.email}
                 onChange={handleChange}
-                className="w-full px-4 py-4 rounded-2xl border"
+                className={`w-full px-4 py-4 rounded-2xl border focus:outline-none transition-all ${
+                  mode === "dark"
+                    ? "bg-white/5 border-white/10 text-white placeholder-slate-400 focus:ring-2 focus:ring-purple-500"
+                    : "bg-gray-100 border-gray-300 text-gray-900 placeholder-gray-500 focus:ring-2 focus:ring-purple-400"
+                }`}
               />
               {errors.email && (
                 <p className="text-red-500 text-sm mt-2">{errors.email}</p>
@@ -253,7 +261,11 @@ const SignUp: React.FC = () => {
                 placeholder="Enter your password"
                 value={formData.password}
                 onChange={handleChange}
-                className="w-full px-4 py-4 rounded-2xl border"
+                className={`w-full px-4 py-4 rounded-2xl border focus:outline-none transition-all ${
+                  mode === "dark"
+                    ? "bg-white/5 border-white/10 text-white placeholder-slate-400 focus:ring-2 focus:ring-purple-500"
+                    : "bg-gray-100 border-gray-300 text-gray-900 placeholder-gray-500 focus:ring-2 focus:ring-purple-400"
+                }`}
               />
               {errors.password && (
                 <p className="text-red-500 text-sm mt-2">{errors.password}</p>

From 84d9c702dcfd2dbade8b23e2de3d25818a42c3db Mon Sep 17 00:00:00 2001
From: Yash Kumar <yashkumar02006@gmail.com>
Date: Wed, 27 May 2026 12:44:53 +0530
Subject: [PATCH 2/2] chore: move @vitejs/plugin-react from dependencies to
 devDependencies in package.json

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 8360806a..c9051ed4 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,6 @@
     "@mui/icons-material": "^5.15.6",
     "@mui/material": "^5.15.6",
     "@primer/octicons-react": "^19.25.0",
-    "@vitejs/plugin-react": "^6.0.2",
     "axios": "^1.7.7",
     "express": "^5.2.1",
     "framer-motion": "^12.23.12",
@@ -63,6 +62,7 @@
     "supertest": "^7.2.2",
     "typescript-eslint": "^8.59.3",
     "vite": "^8.0.14",
-    "vitest": "^4.1.6"
+    "vitest": "^4.1.6",
+    "@vitejs/plugin-react": "^6.0.2"
   }
 }