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

@@ -87,7 +87,7 @@ function PlaygroundContent() {
<div className="space-y-6">
<Card>
<CardHeader>
<CardTitle className="text-sm font-medium">Color Picker</CardTitle>
<CardTitle>Color Picker</CardTitle>
</CardHeader>
<CardContent>
<ColorPicker color={color} onChange={setColor} />
@@ -96,7 +96,7 @@ function PlaygroundContent() {
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0">
<CardTitle className="text-sm font-medium">Preview</CardTitle>
<CardTitle>Preview</CardTitle>
<Button onClick={handleShare} variant="outline" size="sm">
<Share2 className="h-4 w-4 mr-2" />
Share
@@ -114,7 +114,7 @@ function PlaygroundContent() {
<CardHeader className="flex flex-row items-center justify-between space-y-0">
<div className="flex items-center gap-2">
<History className="h-5 w-5" />
<CardTitle className="text-sm font-medium">Recent Colors</CardTitle>
<CardTitle>Recent Colors</CardTitle>
</div>
<Button
onClick={clearHistory}
@@ -167,7 +167,7 @@ function PlaygroundContent() {
<div className="space-y-6">
<Card>
<CardHeader>
<CardTitle className="text-sm font-medium">Color Information</CardTitle>
<CardTitle>Color Information</CardTitle>
</CardHeader>
<CardContent>
{isLoading && (
@@ -189,7 +189,7 @@ function PlaygroundContent() {
<Card>
<CardHeader>
<CardTitle className="text-sm font-medium">Color Manipulation</CardTitle>
<CardTitle>Color Manipulation</CardTitle>
</CardHeader>
<CardContent>
<ManipulationPanel color={color} onColorChange={setColor} />