Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to stop VSCode having colored tab names

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.

like image 651
Nikita Voloboev Avatar asked Jan 20 '21 10:01

Nikita Voloboev


People also ask

How do I turn off VS Code tabs?

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.

How do I change the color of a tab in Visual Studio?

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.

How do I change the default tab in VS Code?

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.

How do I change the colors in Visual Studio Code?

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 .

How do I change the default theme in Visual Studio Code?

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.

How do I customize the color schemes used when a color scheme?

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.

How do I add more icon themes to VS Code?

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.


2 Answers

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.

like image 159
Mark Avatar answered Nov 11 '22 03:11

Mark


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",
}
like image 31
galizien Avatar answered Nov 11 '22 01:11

galizien