Introduce --color-danger-solid-* CSS variables and replace hardcoded values

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-12 23:24:58 +01:00
parent d52f51d6e1
commit 51ab99fc61
4 changed files with 11 additions and 8 deletions
--- a/frontend/src/components/ConfirmDialog.vue
+++ b/frontend/src/components/ConfirmDialog.vue
@@ -139,8 +139,8 @@ watch(
 }

 .confirm-dialog__btn--confirm {
-  background: #d32f2f;
-  color: #fff;
+  background: var(--color-danger-solid);
+  color: var(--color-danger-solid-text);
 }

 .confirm-dialog-enter-active,
--- a/frontend/src/components/EventCard.vue
+++ b/frontend/src/components/EventCard.vue
@@ -175,7 +175,7 @@ function onTouchEnd() {
 }

 .event-card__delete:hover {
-  color: #d32f2f;
+  color: var(--color-danger-solid);
  background: rgba(211, 47, 47, 0.08);
 }