Where does the bug appear (feature/product)?
Cursor IDE
Describe the Bug
Action icons (on the right of the file tabs and on the right of the chat tabs) use the window title text color but the tab background color. I use a color scheme with a light window title text color on a dark window title color, and the icons become almost invisible since they are now light foreground on light background.
Steps to Reproduce
Use this color scheme setup:
{
“workbench.colorTheme”: “Default Light+”,
“workbench.colorCustomizations”: {
“titleBar.activeBackground”: “#545454”,
“titleBar.activeForeground”: “#FDFBFD”,
“titleBar.inactiveBackground”: “#F3F3F3”,
“titleBar.inactiveForeground”: “#919191”
}
}
Expected Behavior
The icon should use the default text color that is also used by the tab text.
Screenshots / Screen Recordings
Operating System
Windows 10/11
Version Information
Version: 3.5.38 (user setup)
VSCode Version: 1.105.1
Commit: 009bb5a3600dd98fe1c1f25798f767f686e14750
Date: 2026-05-26T21:32:06.537Z
Layout: editor
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: Windows_NT x64 10.0.26100
Additional Information
When inspecting the UI element with the DevTools, the color of those items uses var(--vscode-titleBar-activeForeground); in Cursor. VS Code does not have this bug. Looking at the same UI elements in VS Code, they use var(--vscode-icon-foreground);.
The offending (compiled) CSS selectors in Cursor are:
.monaco-workbench .part.editor>.content .editor-group-container>.title .editor-actions .monaco-action-bar .action-item .action-label{color:var(–vscode-titleBar-activeForeground)}
.monaco-workbench .part.editor>.content .editor-group-container>.title>.tabs-and-actions-container>.layout-actions-container .monaco-action-bar .action-item{color:var(–vscode-titleBar-activeForeground)}
Does this stop you from using Cursor
No - Cursor works, but with this issue
