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