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

fix(ui): restore tool call colors in dark mode

Browse Source 
Use a dedicated --text-on-accent token for accent chips/checkmarks and tweak task list item surfaces so task/todo renderers keep contrast in dark mode.
This commit is contained in:
Shantur Rathore
2026-02-03 22:09:02 +00:00
parent f1520be777
commit 86db407c0b
3 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/ui/src/styles/messaging/tool-call/task.css
View File

@@ -85,7 +85,7 @@
font-size: var(--font-size-sm);
font-family: var(--font-family-mono);
line-height: 1.35;
background-color: var(--surface-code);
background-color: var(--surface-secondary);
transition: background-color 0.2s ease, border-color 0.2s ease;
}

4
packages/ui/src/styles/messaging/tool-call/todo.css
View File

@@ -58,7 +58,7 @@
.tool-call-todo-checkbox[data-status="completed"] {
background-color: var(--accent-primary);
border-color: var(--accent-primary);
color: var(--text-inverted);
color: var(--text-on-accent, #ffffff);
}
.tool-call-todo-checkbox[data-status="completed"]::after {
@@ -155,5 +155,5 @@
.tool-call-todo-item-active .tool-call-todo-tag {
background-color: var(--accent-primary);
color: var(--text-inverted);
color: var(--text-on-accent, #ffffff);
}

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

@@ -18,6 +18,7 @@
--text-secondary: #334155;
--text-muted: #475569;
--text-inverted: #ffffff;
--text-on-accent: #ffffff;
/* Accent tokens */
--accent-primary: #0066ff;
@@ -191,6 +192,7 @@
--text-secondary: #999999;
--text-muted: #999999;
--text-inverted: #1a1a1a;
--text-on-accent: #f5f6f8;
/* Accent tokens */
--accent-primary: #0080ff;
@@ -357,6 +359,7 @@
--text-secondary: #999999;
--text-muted: #999999;
--text-inverted: #1a1a1a;
--text-on-accent: #f5f6f8;
/* Accent tokens */
--accent-primary: #0080ff;