fix(ui): align stop button icon contrast
Use --text-inverted for stop button icon color in dark mode so it matches send button styling, with a safe fallback in CSS.
This commit is contained in:
@@ -167,7 +167,7 @@
|
||||
.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, rgba(239, 68, 68, 0.85));
|
||||
color: var(--button-danger-text, #ffffff);
|
||||
color: var(--button-danger-text, var(--text-inverted, #ffffff));
|
||||
}
|
||||
|
||||
.stop-button:hover:not(:disabled) {
|
||||
|
||||
@@ -106,7 +106,7 @@
|
||||
--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;
|
||||
--button-danger-text: var(--text-inverted);
|
||||
--kbd-bg: var(--surface-secondary);
|
||||
--kbd-border: var(--border-base);
|
||||
--kbd-text: var(--text-primary);
|
||||
@@ -258,7 +258,7 @@
|
||||
--timeline-segment-active-bg: #0f5b44;
|
||||
--timeline-segment-active-text: #ffffff;
|
||||
--timeline-segment-active-ring: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
|
||||
--button-danger-text: #ffffff;
|
||||
--button-danger-text: var(--text-inverted);
|
||||
--button-primary-bg: #3f3f46;
|
||||
--button-primary-hover-bg: #52525b;
|
||||
--button-primary-text: #f5f6f8;
|
||||
@@ -425,7 +425,7 @@
|
||||
--timeline-segment-active-bg: #0f5b44;
|
||||
--timeline-segment-active-text: #ffffff;
|
||||
--timeline-segment-active-ring: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
|
||||
--button-danger-text: #ffffff;
|
||||
--button-danger-text: var(--text-inverted);
|
||||
--message-error-bg: rgba(244, 67, 54, 0.12);
|
||||
--message-error-bg-strong: rgba(244, 67, 54, 0.2);
|
||||
--danger-soft-bg: rgba(244, 67, 54, 0.16);
|
||||
|
||||
Reference in New Issue
Block a user