daonanchao/vibe-kanban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

All done! I've updated the copy, edit, and delete buttons in frontend/src/components/ui/wysiwyg.tsx to use semantic colors: (#1412)

Browse Source 
**Changes made:**
- Button backgrounds: `bg-foreground` → `bg-muted`
- Icon colors: `text-background` → `text-muted-foreground`
- Check icon (copied state): `text-green-600` → `text-success`

These semantic colors will now adapt correctly to both light and dark modes, following the established patterns in the codebase.
This commit is contained in:
Alex Netsch
2025-12-04 12:35:30 +00:00
committed by GitHub
parent c4d55b23cd
commit e1cb24923a
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/ui/wysiwyg.tsx
View File

@@ -259,12 +259,12 @@ function WYSIWYGEditor({
variant="icon"
size="icon"
onClick={handleCopy}
className="pointer-events-auto p-2 bg-foreground h-8 w-8"
className="pointer-events-auto p-2 bg-muted h-8 w-8"
>
{copied ? (
<Check className="w-4 h-4 text-green-600" />
<Check className="w-4 h-4 text-success" />
) : (
<Clipboard className="w-4 h-4 text-background" />
<Clipboard className="w-4 h-4 text-muted-foreground" />
)}
</Button>
{/* Edit button - only if onEdit provided */}
@@ -276,9 +276,9 @@ function WYSIWYGEditor({
variant="icon"
size="icon"
onClick={onEdit}
className="pointer-events-auto p-2 bg-foreground h-8 w-8"
className="pointer-events-auto p-2 bg-muted h-8 w-8"
>
<Pencil className="w-4 h-4 text-background" />
<Pencil className="w-4 h-4 text-muted-foreground" />
</Button>
)}
{/* Delete button - only if onDelete provided */}
@@ -290,9 +290,9 @@ function WYSIWYGEditor({
variant="icon"
size="icon"
onClick={onDelete}
className="pointer-events-auto p-2 bg-foreground h-8 w-8"
className="pointer-events-auto p-2 bg-muted h-8 w-8"
>
<Trash2 className="w-4 h-4 text-background" />
<Trash2 className="w-4 h-4 text-muted-foreground" />
</Button>
)}
</div>