From c6a0a1361686049386fdfa1267e3574c6ff1c779 Mon Sep 17 00:00:00 2001
From: Mohan Ki <mohanki@digifox.live>
Date: Mon, 27 Jul 2026 15:51:00 +0530
Subject: [PATCH] fix: explicit text color for qr editor inputs to fix
 legibility in light theme

---
 client/src/app/dashboard/create/page.tsx        | 6 +++---
 client/src/components/qr-editor/DesignPanel.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/app/dashboard/create/page.tsx b/client/src/app/dashboard/create/page.tsx
index 05b0eea..602dcbd 100644
--- a/client/src/app/dashboard/create/page.tsx
+++ b/client/src/app/dashboard/create/page.tsx
@@ -105,7 +105,7 @@ export default function CreateQRPage() {
                   value={qrName}
                   onChange={e => setQrName(e.target.value)}
                   placeholder="e.g. Front Door Menu"
-                  className="w-full border-gray-300 rounded-lg shadow-sm p-3 border focus:ring-indigo-500 focus:border-indigo-500"
+                  className="w-full border-gray-300 rounded-lg shadow-sm p-3 border focus:ring-indigo-500 focus:border-indigo-500 text-gray-900 bg-white"
                 />
               </div>
 
@@ -116,7 +116,7 @@ export default function CreateQRPage() {
                   value={destinationUrl}
                   onChange={handleUrlChange}
                   placeholder="https://your-website.com"
-                  className="w-full border-gray-300 rounded-lg shadow-sm p-3 border focus:ring-indigo-500 focus:border-indigo-500"
+                  className="w-full border-gray-300 rounded-lg shadow-sm p-3 border focus:ring-indigo-500 focus:border-indigo-500 text-gray-900 bg-white"
                 />
                 <p className="text-xs text-gray-500 mt-2">This is a dynamic QR. You can change this URL later without reprinting the code.</p>
               </div>
@@ -132,7 +132,7 @@ export default function CreateQRPage() {
                       value={customSlug}
                       onChange={e => setCustomSlug(e.target.value.replace(/[^a-zA-Z0-9-_]/g, ''))}
                       placeholder="my-promo"
-                      className="flex-1 w-full p-3 focus:outline-none"
+                      className="flex-1 w-full p-3 focus:outline-none text-gray-900 bg-white"
                     />
                 </div>
                 <p className="text-xs text-gray-500 mt-2">Leave blank to auto-generate a random link.</p>
diff --git a/client/src/components/qr-editor/DesignPanel.tsx b/client/src/components/qr-editor/DesignPanel.tsx
index e813bdf..5f3e22f 100644
--- a/client/src/components/qr-editor/DesignPanel.tsx
+++ b/client/src/components/qr-editor/DesignPanel.tsx
@@ -54,7 +54,7 @@ export default function DesignPanel({ options, onChange }: DesignPanelProps) {
         <select 
           value={options.dotsOptions?.type || 'square'}
           onChange={handleDotTypeChange}
-          className="w-full border-gray-300 rounded-lg shadow-sm p-2 border focus:ring-indigo-500 focus:border-indigo-500"
+          className="w-full border-gray-300 rounded-lg shadow-sm p-2 border focus:ring-indigo-500 focus:border-indigo-500 text-gray-900 bg-white"
         >
           <option value="square">Square</option>
           <option value="dots">Dots</option>
@@ -70,7 +70,7 @@ export default function DesignPanel({ options, onChange }: DesignPanelProps) {
         <select 
           value={options.cornersSquareOptions?.type || 'square'}
           onChange={handleEyeTypeChange}
-          className="w-full border-gray-300 rounded-lg shadow-sm p-2 border focus:ring-indigo-500 focus:border-indigo-500"
+          className="w-full border-gray-300 rounded-lg shadow-sm p-2 border focus:ring-indigo-500 focus:border-indigo-500 text-gray-900 bg-white"
         >
           <option value="square">Square</option>
           <option value="dot">Dot</option>