[BUG] Bash tool output bubbles have poor text contrast in dark themes

Resolved 💬 2 comments Opened Apr 3, 2026 by CSJudd Closed May 12, 2026

Preflight Checklist

  • [x] I have searched existing issues and this hasn't been reported yet
  • [x] This is a single bug report (please file separate reports for different bugs)
  • [x] I am using the latest version of Claude Code

What's Wrong?

Environment:

Claude Code VSCode extension (latest)
Dark theme (MacOS Modern Dark / Xcode Default)
Remote SSH workspace
Problem:
The IN/OUT tool result bubbles in the transcript view render output text in a muted grey color that has poor contrast against the dark bubble background. The color appears to be hardcoded in the extension's webview CSS rather than derived from VSCode theme tokens.

What Should Happen?

Expected behavior:
Tool output text should either use a VSCode-exposed theme token (so users can override it), or ship with sufficient contrast against the default dark webview background.

Suggested fix:
Use --vscode-foreground or --vscode-editor-foreground for output text color, or ensure the hardcoded value meets WCAG AA contrast ratio against the bubble background.

Error Messages/Logs

Steps to Reproduce

What was tried:

foreground, editor.foreground, descriptionForeground, textPreformat.foreground — all set to near-white values in workbench.colorCustomizations. Each affected other UI elements but had no effect on the tool output bubble text.
Developer: Reload Webviews — no change.
Computed color trace on a different (already readable) element showed var(--app-primary-foreground) → var(--vscode-editor-foreground), confirming some elements do respect theme tokens.
The muted grey text in the output bubbles does not respond to any known VSCode theme token.

Claude Model

Sonnet (default)

Is this a regression?

I don't know

Last Working Version

_No response_

Claude Code Version

1.5.69

Platform

Anthropic API

Operating System

macOS

Terminal/Shell

VS Code integrated terminal

Additional Information

<img width="603" height="474" alt="Image" src="https://github.com/user-attachments/assets/6723684d-6126-4954-9362-de9b9e21511b" />

View original on GitHub ↗

This issue has 2 comments on GitHub. Read the full discussion on GitHub ↗