From e5cdce164a8a8d6ce1d50b8c215f6c00307953e8 Mon Sep 17 00:00:00 2001
From: Marcel Raddatz <marcel@raddatz.cloud>
Date: Fri, 10 Apr 2026 09:40:51 +0200
Subject: [PATCH] feat(recipes): give 'Bild entfernen' button persistent
 muted-red color
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Was only red on hover — now always red at 60% opacity, full opacity on hover,
making the destructive intent immediately visible.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/recipes/RecipeForm.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/lib/recipes/RecipeForm.svelte b/frontend/src/lib/recipes/RecipeForm.svelte
index 89c252b..d3e6e80 100644
--- a/frontend/src/lib/recipes/RecipeForm.svelte
+++ b/frontend/src/lib/recipes/RecipeForm.svelte
@@ -195,7 +195,7 @@
 					<button
 						type="button"
 						onclick={() => (heroImageUrl = null)}
-						class="mb-[8px] text-[12px] text-[var(--color-text-muted)] hover:text-[var(--color-error)] cursor-pointer"
+						class="mb-[8px] text-[12px] text-[var(--color-error)] opacity-60 hover:opacity-100 cursor-pointer"
 					>
 						Bild entfernen
 					</button>