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>
This commit is contained in:
Andymick
2026-07-17 22:13:15 +01:00
co-authored by Claude Haiku 4.5
parent 26ac37b1df
commit 84454da5c9
2 changed files with 4 additions and 4 deletions
+2 -2
View File
@@ -32,7 +32,7 @@ export default function LoginPage({ searchParams }: { searchParams: { error?: st
<label htmlFor="email" className="tag-label mb-2 block"> <label htmlFor="email" className="tag-label mb-2 block">
Email Email
</label> </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>
<div> <div>
<label htmlFor="password" className="tag-label mb-2 block"> <label htmlFor="password" className="tag-label mb-2 block">
@@ -43,7 +43,7 @@ export default function LoginPage({ searchParams }: { searchParams: { error?: st
name="password" name="password"
type="password" type="password"
required 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> </div>
<button type="submit" className="bg-clay px-6 py-3 text-sm font-medium text-paper hover:bg-clay-dark"> <button type="submit" className="bg-clay px-6 py-3 text-sm font-medium text-paper hover:bg-clay-dark">
+2 -2
View File
@@ -30,7 +30,7 @@ export default function AdminLoginPage({ searchParams }: { searchParams: { error
name="username" name="username"
required required
autoFocus 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>
<div> <div>
@@ -42,7 +42,7 @@ export default function AdminLoginPage({ searchParams }: { searchParams: { error
name="password" name="password"
type="password" type="password"
required 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> </div>
<button type="submit" className="bg-clay px-6 py-3 text-sm font-medium text-paper hover:bg-clay-dark"> <button type="submit" className="bg-clay px-6 py-3 text-sm font-medium text-paper hover:bg-clay-dark">