I want to change text color on status bar in Visual Studio Code. I've found how to change color of status bar Visual Studio Code status bar color but I need similar solution for text.
The two values you need to change for the status bar are
{
"statusBar.background": "#114F79",
"statusBar.foreground": "#9DE2FD"
}
And set those to your preference (in settings.json).
Related
I'm in search for a way to display the color in gutter when coding.
See picture for more context
Thanks
I found the icon extension which is called https://github.com/kisstkondoros/gutter-preview. But I'm not finding the color extension.
you can use extension called
Color-highlight in VS Code
https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight
The text color changes to black when selected in Visual Studio Code.
This happens only in High Contrast Theme.
Though I can change the color in settings.json and editor.selectionForeground, what I want is to reserve the original color.
How can I do that?
I want to change the color of file names which is shown on screenshot.
How can I remove the vertical indicator line from Activity Bar in VS code's new release?
How can the vertical line of the indicator be removed from the side of the activity bar in vs code, so it does not exist like in the previous version? I prefer the earlier version so the activity bar indicator does not exist.
Currently it is not possible to deactivate it. You could try to override the activityBar.activeBorder setting of your color theme. To do so, open your settings (Ctrl+Shift+P -> Preferences) and add a new entry:
"workbench.colorCustomizations": {
"activityBar.activeBorder": "#000000"
}
Instead of #000000 use e.g. the the value of activityBar.background of your current theme.
To see what you current theme is look for workbench.colorTheme in your settings.
I installed the VS Code Remote Development extensions but the green >< icon in the left of the status bar doesn't look good with my preferred theme. How do I change its color?
The >< icon is the Remote Window Indicator. Color themes can customize its color using the statusBarItem.remoteBackground and statusBarItem.remoteForeground theme colors
You can also override the color using the workbench.colorCustomizations setting in VS Code:
"workbench.colorCustomizations": {
"statusBarItem.remoteBackground": "#5a34a0",
"statusBarItem.remoteForeground": "#ccc"
}