nitrix/fete
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases 13 Wiki Activity

Introduce --color-danger-solid-* CSS variables and replace hardcoded values
All checks were successful
CI / backend-test (push) Successful in 55s
Details
CI / frontend-test (push) Successful in 27s
Details
CI / frontend-e2e (push) Successful in 1m30s
Details
CI / build-and-publish (push) Successful in 58s
Details

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
nitrix
2026-03-12 23:24:58 +01:00
parent d52f51d6e1
commit 51ab99fc61
4 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/assets/main.css
View File

@@ -25,6 +25,9 @@
--color-danger-bg-strong: rgba(220, 38, 38, 0.2); --color-danger-bg-strong: rgba(220, 38, 38, 0.2);
--color-danger-border: rgba(220, 38, 38, 0.3); --color-danger-border: rgba(220, 38, 38, 0.3);
--color-danger-border-strong: rgba(220, 38, 38, 0.4); --color-danger-border-strong: rgba(220, 38, 38, 0.4);
--color-danger-solid: #d32f2f;
--color-danger-solid-hover: #b71c1c;
--color-danger-solid-text: #fff;
/* Glass system */ /* Glass system */
--color-glass: rgba(255, 255, 255, 0.1); --color-glass: rgba(255, 255, 255, 0.1);
@@ -214,7 +217,7 @@ textarea.form-field {
/* Error message */ /* Error message */
.field-error { .field-error {
color: #fff; color: var(--color-danger-solid);
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 600; font-weight: 600;
padding-left: 0.25rem; padding-left: 0.25rem;
@@ -334,7 +337,7 @@ textarea.form-field {
} }
.rsvp-form__field-error { .rsvp-form__field-error {
color: #d32f2f; color: var(--color-danger-solid);
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 600; font-weight: 600;
padding-left: 0.25rem; padding-left: 0.25rem;

4
frontend/src/components/ConfirmDialog.vue
View File

@@ -139,8 +139,8 @@ watch(
} }
.confirm-dialog__btn--confirm { .confirm-dialog__btn--confirm {
background: #d32f2f; background: var(--color-danger-solid);
color: #fff; color: var(--color-danger-solid-text);
} }
.confirm-dialog-enter-active, .confirm-dialog-enter-active,

2
frontend/src/components/EventCard.vue
View File

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

6
frontend/src/views/EventDetailView.vue
View File

@@ -677,15 +677,15 @@ onMounted(fetchEvent)
font-family: inherit; font-family: inherit;
font-size: 1rem; font-size: 1rem;
font-weight: 700; font-weight: 700;
color: #fff; color: var(--color-danger-solid-text);
background: #d32f2f; background: var(--color-danger-solid);
border: none; border: none;
cursor: pointer; cursor: pointer;
transition: background 0.15s ease; transition: background 0.15s ease;
} }
.cancel-form__confirm:hover { .cancel-form__confirm:hover {
background: #b71c1c; background: var(--color-danger-solid-hover);
} }
.cancel-form__confirm:disabled { .cancel-form__confirm:disabled {