extensionButton.foreground
extension button foreground. Button foreground color for extension actions.
Group: Extensions colors
Where extension button foreground paints
This sample moves from #cccccc to #f5d76e, then back.
How to change extension button foreground color in Visual Studio Code
macOS
- Open settings.json. Press Shift+Command+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
- Set this color id. Add extension button foreground under workbench.colorCustomizations. Button foreground color for extension actions. Use a hex color such as #f5d76e.
- Save the file. Press Command+S to save settings.json. Visual Studio Code applies the override on top of the active color theme. Remove the entry to use the theme color again.
Windows
Linux uses the same shortcuts.
- Open settings.json. Press Shift+Ctrl+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
- Set this color id. Add extension button foreground under workbench.colorCustomizations. Button foreground color for extension actions. Use a hex color such as #f5d76e.
- Save the file. Press Ctrl+S to save settings.json. Visual Studio Code applies the override on top of the active color theme. Remove the entry to use the theme color again.
{
"workbench.colorCustomizations": {
"extensionButton.foreground": "#f5d76e"
}
}Other Extensions colors
- extensionButton.prominentForeground
Extension view button foreground color (for example Install button).
- extensionButton.prominentBackground
Extension view button background color.
- extensionButton.prominentHoverBackground
Extension view button background hover color.
- extensionButton.background
Button background color for extension actions.
- extensionButton.hoverBackground
Button background hover color for extension actions.
- extensionButton.separator
Button separator color for extension actions.
- extensionButton.border
Button border color for extension actions.
- extensionBadge.remoteBackground
Background color for the remote badge in the extensions view.
- extensionBadge.remoteForeground
Foreground color for the remote badge in the extensions view.
- extensionIcon.starForeground
The icon color for extension ratings.
- extensionIcon.verifiedForeground
The icon color for extension verified publisher.
- extensionIcon.preReleaseForeground
The icon color for pre-release extension.
- extensionIcon.sponsorForeground
The icon color for extension sponsor.
- extensionIcon.privateForeground
The icon color for private extensions.
- mcpIcon.starForeground
The icon color for mcp starred.