From d52f51d6e1ca5a0e62ca326edcdbe8d5e721db87 Mon Sep 17 00:00:00 2001
From: nitrix <me@nitrix.one>
Date: Thu, 12 Mar 2026 23:22:06 +0100
Subject: [PATCH] Match cancel-event confirm button color with ConfirmDialog
 style

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/views/EventDetailView.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/EventDetailView.vue b/frontend/src/views/EventDetailView.vue
index 4f3c615..a893634 100644
--- a/frontend/src/views/EventDetailView.vue
+++ b/frontend/src/views/EventDetailView.vue
@@ -677,15 +677,15 @@ onMounted(fetchEvent)
   font-family: inherit;
   font-size: 1rem;
   font-weight: 700;
-  color: var(--color-danger);
-  background: var(--color-danger-bg-strong);
-  border: 1px solid var(--color-danger-border);
+  color: #fff;
+  background: #d32f2f;
+  border: none;
   cursor: pointer;
   transition: background 0.15s ease;
 }
 
 .cancel-form__confirm:hover {
-  background: var(--color-danger-bg-hover);
+  background: #b71c1c;
 }
 
 .cancel-form__confirm:disabled {