The “Switch” button on mode-switching tool-use cards uses white text, which has poor contrast against the button background. This affects both Plan Mode (yellow background) and Agent Mode (gray background). In comparison, other action buttons like “Build” on plan cards use the same yellow background but correctly apply dark text for legibility.
Steps to Reproduce
In Agent mode, give a prompt that causes the agent to invoke the mode-switch tool to Plan mode.
Observe the “Switch” button — it has a yellow background with white text, making it hard to read.
Switch back to Agent mode via the same mechanism — the “Switch” button has a gray background with white text, also difficult to read.
Compare against the “Build” button on a plan card, which uses dark text on yellow and is fully legible.
Expected Behavior
The “Switch” button text should use a color with sufficient contrast against its background, matching the approach used by the “Build” button.
Hi @KamilTheDev Thanks for reporting. I believe this is as intended: the colors appear yellow when prompting you to go into Plan mode and white when switching back to agent mode.
Although your theme colors do appear slightly different. By any chance do you have a custom theme applied or settings overrides?
The background colors are fine — yellow for Plan, grey for Agent. The issue is the text color on those backgrounds.
The Switch button gets its text color from .anysphere-button, which sets color: var(--vscode-button-foreground) — this resolves to white, since it’s designed for the standard blue primary button. But the Switch button’s background is set to light colors via inline styles (var(--vscode-input-foreground) for Agent, var(--composer-mode-plan-text) for Plan), so white text has poor contrast.
The “Build” button doesn’t have this problem because .composer-create-plan-build-button explicitly overrides to color: var(--vscode-editor-background) (dark). The Switch button has no such override — it just falls back to the generic .anysphere-button white.
I’m on the stock Default Dark Modern theme with no color customizations affecting buttons. Could you try reproducing with that specific theme?
As a workaround I’m currently patching it with custom CSS:
