salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): restore stop button styling

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/ui/src/styles/messaging/prompt-input.css
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;
}

6
packages/ui/src/styles/tokens.css
View File

@@ -103,9 +103,9 @@
--timeline-segment-active-text: #032f23;
--timeline-segment-active-ring: inset 0 0 0 1px rgba(3, 47, 35, 0.28);
--button-danger-bg: color-mix(in oklab, var(--status-error) 85%, var(--surface-base));
--button-danger-hover-bg: color-mix(in oklab, var(--status-error) 90%, var(--surface-base));
--button-danger-active-bg: color-mix(in oklab, var(--status-error) 95%, var(--surface-base));
--button-danger-bg: rgba(239, 68, 68, 0.85);
--button-danger-hover-bg: rgba(239, 68, 68, 0.9);
--button-danger-active-bg: rgba(239, 68, 68, 1);
--button-danger-text: #ffffff;
--kbd-bg: var(--surface-secondary);
--kbd-border: var(--border-base);