style: improve light theme border and input visibility

This commit is contained in:
2026-02-25 16:09:29 +01:00
parent 2fb2eaa54c
commit 880bce157b
12 changed files with 36 additions and 36 deletions

View File

@@ -71,7 +71,7 @@ export default function ContrastPage() {
<div className="space-y-6">
<Card>
<CardHeader>
<CardTitle className="text-sm font-medium">Foreground Color</CardTitle>
<CardTitle>Foreground Color</CardTitle>
</CardHeader>
<CardContent>
<ColorPicker color={foreground} onChange={setForeground} />
@@ -91,7 +91,7 @@ export default function ContrastPage() {
<Card>
<CardHeader>
<CardTitle className="text-sm font-medium">Background Color</CardTitle>
<CardTitle>Background Color</CardTitle>
</CardHeader>
<CardContent>
<ColorPicker color={background} onChange={setBackground} />
@@ -104,7 +104,7 @@ export default function ContrastPage() {
{/* Preview */}
<Card>
<CardHeader>
<CardTitle className="text-sm font-medium">Preview</CardTitle>
<CardTitle>Preview</CardTitle>
</CardHeader>
<CardContent>
<div
@@ -121,7 +121,7 @@ export default function ContrastPage() {
{ratio !== null && (
<Card>
<CardHeader>
<CardTitle className="text-sm font-medium">Contrast Ratio</CardTitle>
<CardTitle>Contrast Ratio</CardTitle>
</CardHeader>
<CardContent>
<div className="text-center mb-6">
@@ -144,7 +144,7 @@ export default function ContrastPage() {
{compliance && (
<Card>
<CardHeader>
<CardTitle className="text-sm font-medium">WCAG 2.1 Compliance</CardTitle>
<CardTitle>WCAG 2.1 Compliance</CardTitle>
</CardHeader>
<CardContent className="space-y-4">
<div>