Plan mode buttons icon and text are transparent

Where does the bug appear (feature/product)?

Cursor IDE

Describe the Bug

AI Plan mode buttons seem to unexpectedly inherit their text/icon colors from editorWarning.foreground, making the text/icon potentially transparent and unreadable. This affects the “Plan” button and icon, and also the “Build” button in Plan mode.

Steps to Reproduce

The bug happens when setting a transparent foreground color for the editor warnings as a color customization. For example in settings.json:

"workbench.colorCustomizations": {
    "editorWarning.foreground": "#ffa60000",
  },

Expected Behavior

The buttons for the AI Plan mode should not be affected by this color customization. The button should be visible and not transparent.

Screenshots / Screen Recordings

Operating System

MacOS

Version Information

Version: 2.6.21
VSCode Version: 1.105.1
Commit: fea2f546c979a0a4ad1deab23552a43568807590
Date: 2026-03-21T22:09:10.098Z
Build Type: Stable
Release Track: Default
Electron: 39.8.1
Chromium: 142.0.7444.265
Node.js: 22.22.1
V8: 14.2.231.22-electron.0
OS: Darwin arm64 25.3.0

Additional Information

A similar bug was already reported here: Bug Report: Plan/Debug Mode Buttons Inherit editorError.foreground Color. It was affecting editorError.foreground and this was maybe fixed for this setting.

But the issue still exist with editorWarning.foreground.

Does this stop you from using Cursor

No - Cursor works, but with this issue

Hey, thanks for the report. I can see the screenshot, the Plan and Build buttons are indeed transparent.

Looks like the previous fix in 2.5 only covered editorError.foreground, and editorWarning.foreground didn’t get fixed. I’ve passed this to the team, it’s basically a continuation of the same bug.

As a workaround for now, you can remove the transparency from editorWarning.foreground or set it to an opaque color.

Let me know if there’s anything else.

1 Like