Skip to content

fix: make delete agent button more visible with red styling#160

Closed
adryserage wants to merge 2 commits intospacedriveapp:mainfrom
adryserage:fix/delete-button-visibility
Closed

fix: make delete agent button more visible with red styling#160
adryserage wants to merge 2 commits intospacedriveapp:mainfrom
adryserage:fix/delete-button-visibility

Conversation

@adryserage
Copy link
Contributor

Summary

The delete agent button in the AgentDetail hero section was styled as a ghost button with text-ink-faint, making it nearly invisible to users.

Changes:

  • Added a red border (border-red-500/30) and subtle red background (bg-red-500/10) so the button is immediately visible
  • Changed text color to text-red-400 with font-medium for better contrast
  • Updated button label from "Delete" to "Delete Agent" for clarity
  • Preserved hover transition effects with slightly intensified red on hover

File changed: interface/src/routes/AgentDetail.tsx (2 insertions, 2 deletions)

Test plan

  • Navigate to an agent's detail page and verify the delete button is clearly visible with red styling
  • Hover over the button and confirm the hover effect (slightly darker red background)
  • Click the button and confirm the delete flow still works as expected
  • Check on both light and dark themes for adequate contrast

@jamiepine
Copy link
Member

Sorry I hate color in my buttons. Will make this better another way.

@jamiepine jamiepine closed this Feb 24, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants