Refactor: Use blue accent color

This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 18:46:44 +00:00
parent 37f977698a
commit c9f2b0c363

View File

@@ -132,7 +132,7 @@ export function DragDropZone({
onDrop={handleDrop}
className={cn(
"relative transition-all duration-200",
isDragOver && !disabled && "ring-2 ring-primary ring-offset-2",
isDragOver && !disabled && "ring-2 ring-accent ring-offset-2",
className
)}
>
@@ -157,8 +157,8 @@ export function DragDropZone({
className={cn(
"relative border-2 border-dashed rounded-lg transition-all duration-200 p-8",
isDragOver && !disabled
? "border-primary bg-primary/5 scale-[1.02]"
: "border-border hover:border-primary/50",
? "border-accent bg-accent/5 scale-[1.02]"
: "border-border hover:border-accent/50",
disabled && "opacity-50 cursor-not-allowed",
!disabled && "cursor-pointer hover:bg-muted/50",
className
@@ -174,11 +174,11 @@ export function DragDropZone({
/>
<div className="text-center space-y-4">
<div className="mx-auto w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center">
<div className="mx-auto w-16 h-16 bg-accent/10 rounded-full flex items-center justify-center">
{isDragOver ? (
<Upload className="w-8 h-8 text-primary animate-bounce" />
<Upload className="w-8 h-8 text-accent animate-bounce" />
) : (
<Image className="w-8 h-8 text-primary" />
<Image className="w-8 h-8 text-accent" />
)}
</div>