Code change:
<!-- Do Not Delete This! bugreporttemplate --<!-- Please read our Rules of Conduct: --<!-- Read our guide about submitting issues: --<!-- Search existing issues to avoid creating duplicates. --<!-- Test using the latest Insiders build to see if your issue has already been fixed: --<!-- Instead of creating your report here, use 'Report Issue' from the 'Help' menu in VS Code to pre-fill useful information. --<!-- Launch with to check. --<!-- If you answered No above, use 'Help: Start Extension Bisect' from Command Palette to try to identify the cause. --<!-- Issues caused by an extension need to be reported directly to the extension publisher. The 'Help Report Issue' dialog can assist with this. --In Visual Studio Code 1.65 and earlier, icons by extensions to the debug toolbar were dimmed when disabled: ! But in Visual Studio Code 1.67.0, icons by extensions to the debug toolbar are no longer dimmed when disabled: ! I am working on an extension which adds icons to the debug toolbar, using the . The icons are disabled while the program is running, and enabled when it is stopped. A typical icon definition looks like this: with a corresponding definition in the : It seems that Visual Studio Code 1.67 no longer provides a way for extensions to vary the colour of toolbar icons when they are disabled. Looking at the Visual Studio Code source, it seems that the built-in toolbar icons are created like this: and then styled like this: but I cannot see any way for extensions to access this functionality.
I see this, hey this is from . Seems like this will work for codicons but not svgs. Any idea how to deal with that? We could add a new class to svg icons so we can keep the opacity rule, if that helps. This probably applies to all toolbars, besides the debug one.
In the short term, restoring the opacity rule for SVG icons makes the most sense. But in the medium term, it would be nice if extensions had a way to access codicon-like behaviour, perhaps via the . At the moment there is no way for extensions to vary the colour for icons defined via this contribution point, but built-in icons use in their SVG, with the colour being specified via CSS.
Thanks for catching. Raised a PR to revert back to a slightly updated opacity rule for the moment. can you clarify what you're hoping to achieve re: codicon-like behavior? Are you hoping to use theme tokens in your contributed SVGs?
Let's take this as a candidate. Could you also prepare a PR against the release branch?
Thanks for the super-quick fix! Look forward to trying it out in 1.67.2 (I assume). Concretely, what I would like to achieve is to be able to put icons in the debug toolbar that look like this when the program is stopped: ! and like this when the program is running (where grayed-out icons represent commands that are temporarily disabled): ! In these screenshots, six of the commands are using bulit-in icons (Continue/Pause, Step Over, Step Into, Step Out, Restart and Stop), and the other eleven commands are using icons defined by the extension. I would like the two sets of icons to match in style if possible. If I can choose colours from the user's theme, that would be perfect, but I don't mind exactly how the functionality is provided: you know better than me what implementation would make the most sense.

Related discussion:
text: .monaco-action-bar .action-item.disabled .action-label, .monaco-action-bar .action-item.disabled .action-label::before, .monaco-action-bar .action-item.disabled .action-label:hover { <del> color: var(--vscode-disabledForeground); </del> <ins> opacity: 0.6; </ins> } /* Vertical actions */