diff options
| -rw-r--r-- | packages/opencode/src/cli/cmd/tui/routes/session/index.tsx | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx index 5aba1a56a..70ff5eaf9 100644 --- a/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx +++ b/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx @@ -17,7 +17,7 @@ import { useRoute, useRouteData } from "@tui/context/route" import { useSync } from "@tui/context/sync" import { SplitBorder } from "@tui/component/border" import { Spinner } from "@tui/component/spinner" -import { useTheme } from "@tui/context/theme" +import { selectedForeground, useTheme } from "@tui/context/theme" import { BoxRenderable, ScrollBoxRenderable, @@ -1152,7 +1152,8 @@ function UserMessage(props: { const { theme } = useTheme() const [hover, setHover] = createSignal(false) const queued = createMemo(() => props.pending && props.message.id > props.pending) - const color = createMemo(() => (queued() ? theme.accent : local.agent.color(props.message.agent))) + const color = createMemo(() => local.agent.color(props.message.agent)) + const queuedFg = createMemo(() => selectedForeground(theme, color())) const metadataVisible = createMemo(() => queued() || ctx.showTimestamps()) const compaction = createMemo(() => props.parts.find((x) => x.type === "compaction")) @@ -1214,7 +1215,7 @@ function UserMessage(props: { } > <text fg={theme.textMuted}> - <span style={{ bg: theme.accent, fg: theme.backgroundPanel, bold: true }}> QUEUED </span> + <span style={{ bg: color(), fg: queuedFg(), bold: true }}> QUEUED </span> </text> </Show> </box> |