From 84454da5c9113cf0deb15eb52c48cf15401063c8 Mon Sep 17 00:00:00 2001
From: Andymick <andymick03@yahoo.com>
Date: Fri, 17 Jul 2026 22:13:15 +0100
Subject: [PATCH] Fix login form text contrast in dark mode

- Add explicit text-ink color to username/email/password input fields
- Add explicit bg-paper background class to inputs for proper styling
- Fixes visibility issue where input text was too light to read in dark mode
- Improves contrast and readability for both admin and customer login forms

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 src/app/account/login/page.tsx | 4 ++--
 src/app/admin/login/page.tsx   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/account/login/page.tsx b/src/app/account/login/page.tsx
index e4e2621..0026e50 100644
--- a/src/app/account/login/page.tsx
+++ b/src/app/account/login/page.tsx
@@ -32,7 +32,7 @@ export default function LoginPage({ searchParams }: { searchParams: { error?: st
           <label htmlFor="email" className="tag-label mb-2 block">
             Email
           </label>
-          <input id="email" name="email" type="email" required className="w-full border border-line px-3 py-2 text-sm" />
+          <input id="email" name="email" type="email" required className="w-full border border-line bg-paper px-3 py-2 text-sm text-ink" />
         </div>
         <div>
           <label htmlFor="password" className="tag-label mb-2 block">
@@ -43,7 +43,7 @@ export default function LoginPage({ searchParams }: { searchParams: { error?: st
             name="password"
             type="password"
             required
-            className="w-full border border-line px-3 py-2 text-sm"
+            className="w-full border border-line bg-paper px-3 py-2 text-sm text-ink"
           />
         </div>
         <button type="submit" className="bg-clay px-6 py-3 text-sm font-medium text-paper hover:bg-clay-dark">
diff --git a/src/app/admin/login/page.tsx b/src/app/admin/login/page.tsx
index a4d8b6b..2d070d3 100644
--- a/src/app/admin/login/page.tsx
+++ b/src/app/admin/login/page.tsx
@@ -30,7 +30,7 @@ export default function AdminLoginPage({ searchParams }: { searchParams: { error
             name="username"
             required
             autoFocus
-            className="w-full border border-line px-3 py-2 text-sm"
+            className="w-full border border-line bg-paper px-3 py-2 text-sm text-ink"
           />
         </div>
         <div>
@@ -42,7 +42,7 @@ export default function AdminLoginPage({ searchParams }: { searchParams: { error
             name="password"
             type="password"
             required
-            className="w-full border border-line px-3 py-2 text-sm"
+            className="w-full border border-line bg-paper px-3 py-2 text-sm text-ink"
           />
         </div>
         <button type="submit" className="bg-clay px-6 py-3 text-sm font-medium text-paper hover:bg-clay-dark">