Since some recent update, VSCode started adding colors to tab names as seen here:
The blue, orange. No idea what the colors mean.
But I want to turn it off and have all tabs be black if it's possible.
Open menu File → Preferences → Settings. Choose User Settings to apply everywhere (or Workspace Settings to turn off tabs on just this workspace). Choose Workbench → Editor Management on the left, and then scroll down to Show Tabs and uncheck.
To turn on color tabs, navigate to Tools > Options > Tabs & Windows, and select Colorize tabs. There is the option to colorize by project, and the option to colorize by filetype extension is coming soon.
Type “Indentation” into the search field then head to the “Editor: Tab Size” section. Replace the default space number with your preferred one: Your setting will be applied and reflected immediately.
Color themes let you modify the colors in Visual Studio Code's user interface to suit your preferences and work environment. Selecting the Color Theme In VS Code, open the Color Theme picker with File > Preferences > Color Theme .
Use the cursor keys to preview the icons of the theme. Select the theme you want and hit Enter. By default, the Seti file icon set is used and those are the icons you see in the File Explorer. Once an icon theme is selected, the selected theme will be remembered and appear again whenever VS Code is restarted.
To customize the themes that are used when a color scheme changes, you can set the preferred light, dark, and high contrast themes with the settings: You can customize your active color theme with the workbench.colorCustomizations and editor.tokenColorCustomizations user settings.
VS code ships with two icon themes; Minimal and Seti. To install more icon themes, select the Install Additional File Icon Themes item in the icon theme picker and you'll see a query for file icon themes (tag:icon-theme) in the Extensions view.
I assume you are using the Insiders' Build. You can disable those tab "decorations" with these settings:
Workbench > Editor > Decorations: Colors
Workbench > Editor > Decorations: Badges
Those would override your tab foreground
if you don't disable them.
Then you color your tab
colors if you need to.
Go to settings.json and paste
"tab.inactiveForeground": "#000000",
"tab.activeForeground": "#000000",
The first one is for the color of the inactive tab name and the second one is for the color of the active tab name.
P.S. don't forget to put it inside
"workbench.colorCustomizations": {
"tab.inactiveForeground": "#yourcolor",
"tab.activeForeground": "#yourcolor",
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With