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:
co-authored by
Claude Haiku 4.5
parent
26ac37b1df
commit
84454da5c9
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user