Skip to content

[BUG] Custom icon incompatibility with non-white themes #4

@JosephAbboud

Description

@JosephAbboud

🐛 Bug Description

When using any theme which uses a background that is not fully white (Dark, coloured, etc.), the icon is surrounded by a white square box.

📋 Steps to Reproduce

Steps to reproduce the behavior:

  1. Use a theme with a background colour other than "#ffffff" (White) (Try using VScode's built in VS Dark theme for a good idea)
  2. Have a look at the icon in the sidebar

✅ Expected Behaviour

The icon should not have a fixed coloured background, and should ideally instead be a png with a transparent background, that way the icon can seamlessly blend in regardless of the theme being used.

🖼️ Screenshots

A screenshot of several AppleScript files showing the icon as it appears with a dark background:
Image

💻 Environment

  • OS: macOS 26.0.1
  • VS Code Version: 1.105.1
  • Extension Version: 1.0.0

📋 Additional Context

If you wish to go a level further, I would strongly recommend making an icon that is as simple as possible, since the icon will be quite small (just a few pixels wide and long) when displayed on the sidebar. I've spent some time designing themes and messing with icons as well, and have found that the best icons to work with themes the most are ones with a unique colour as well, rather than an icon with a white, grey, or black foreground. Try playing with the colours before choosing the one that you feel works best.

Metadata

Metadata

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions