fix(ui): restore stop button styling

Avoid color-mix for the stop button danger palette so it renders consistently across runtimes; add safe rgba fallbacks for the background colors.
This commit is contained in:
Shantur Rathore
2026-02-03 22:15:03 +00:00
parent 86db407c0b
commit fd22a5ed9d
2 changed files with 7 additions and 7 deletions

View File

@@ -166,17 +166,17 @@
.stop-button {
@apply w-10 h-10 rounded-md border-none cursor-pointer flex items-center justify-center transition-all flex-shrink-0;
background-color: var(--button-danger-bg);
color: var(--button-danger-text);
background-color: var(--button-danger-bg, rgba(239, 68, 68, 0.85));
color: var(--button-danger-text, #ffffff);
}
.stop-button:hover:not(:disabled) {
background-color: var(--button-danger-hover-bg);
background-color: var(--button-danger-hover-bg, rgba(239, 68, 68, 0.9));
@apply opacity-95 scale-105;
}
.stop-button:active:not(:disabled) {
background-color: var(--button-danger-active-bg);
background-color: var(--button-danger-active-bg, rgba(239, 68, 68, 1));
@apply scale-95;
}