style: improve light theme border and input visibility
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user