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">
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">
+2 -2
View File
@@ -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">