File toolbar icons too dark to see

Where does the bug appear (feature/product)?

Cursor IDE

Describe the Bug

The file toolbar icons are too dark to see.

Steps to Reproduce

I am not sure if I am doing anything unusual, I just opened a file.

Expected Behavior

In dark mode, the icons should contrast so that they are visible.

Screenshots / Screen Recordings

Operating System

MacOS

Version Information

Version: 3.0.13
VSCode Version: 1.105.1
Commit: 48a15759f53cd5fc9b5c20936ad7d79847d914b0
Date: 2026-04-07T03:05:17.114Z
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: Darwin arm64 24.6.0

For AI issues: which model did you use?

n/a

For AI issues: add Request ID with privacy disabled

n/a

Additional Information

I just started noticing this in the last couple of days.

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 icons really blend into the background.

This is a known icon contrast issue in dark mode. A common cause is custom color settings, for example from the Peacock extension or manual workbench.colorCustomizations. In particular, titleBar.activeForeground can affect icon colors outside the title bar.

Can you try this:

  1. Open settings.json Cmd+Shift+P > Preferences: Open User Settings (JSON) and check if there is a workbench.colorCustomizations section. If there is, try commenting it out and reload.
  2. Start Cursor with cursor --disable-extensions from Terminal. If the icons become visible, one of the extensions is setting a problematic color.

A similar case was solved in this forum thread Invisible action buttons. Changing titleBar.activeForeground to a lighter color like #cccccc helped.

If none of this applies, no custom colors and no extensions, the team is aware of the icon contrast issue. Let me know what you find.

Icons invisible/too dark in dark mode? Check for Peacock writing to workspace settings.

Symptoms:

  • Activity bar or auxiliary bar icons are nearly invisible in dark mode
  • The issue only affects specific workspace windows, not fresh ones
  • workbench.colorCustomizations has no effect no matter what you set
  • Disabling Peacock doesn’t fix it

Root cause:
Peacock writes titleBar.activeForeground directly into your workspace’s .vscode/settings.json. If it randomizes to a dark color, those icons become invisible against the dark background. Since workspace settings override user settings, nothing you set in your user settings.json or profile settings will have any effect.

Fix:

  1. Open .vscode/settings.json in the affected workspace
  2. Look for workbench.colorCustomizations with a titleBar.activeForeground key set to a dark value — that’s the culprit
  3. Remove it (or change it to a light color like #cccccc)

To prevent it happening again:
Add this to your global user settings.json:

"peacock.randomizeOnStartup": false,

Cool that you tracked down the cause and explained it in such detail. Peacock really does write titleBar.activeForeground straight into the workspace .vscode/settings.json, and that overrides anything you set in user settings. Your fix will definitely help other users who hit the same thing.

I’ll mark your post as the solution so it shows up first in search results for this topic.

Also, we’ve got an internal issue open for the broader problem of icon contrast in dark themes, not just with Peacock. Once there’s an update on the fix, I’ll reply in the thread.