This extension may not work on some Macbooks

IMPORTANT NOTE : AFTER INSTALLING TABSCOLOR YOU MAY GET THE POPUP "YOUR CODE INSTALLATION IS CORRUPT..." UPON RESTART. JUST CLICK ON THE GEAR ICON AND CHOOSE DON'T SHOW AGAIN.

About tabscolor

This extension lets you color the background of your tabs either by right click, by filetype or by directory. Useful when working with multiple tabs. The extension is still in an experimental phase.

Quickstart

Install the extension, restart your vs code (not just reload), right click on any tab and select from the color menu

customize VSCode tab color by file types

example:

"tabsColor.byFileType": {
    "js": {
      "backgroundColor": "yellow",
      "fontColor": "black"
    }
  }

Add this to your VS Code user settings.json

customize VSCode tab color by directory path

example:

"tabsColor.byDirectory": {
  "C:\\wamp\\www\\my_project\\css": {
    "backgroundColor": "#00efff",
    "fontColor": "#ffffff"
  }
}

example 2 (partial path):

"tabsColor.byDirectory": {
  "\\my_project\\": {
    "backgroundColor": "#00efff",
    "fontColor": "#ffffff"
  }
}

Add this to your VS Code user settings.json

Set the active tab color

example:

"tabsColor.activeTab": {
  "backgroundColor": "yellow",
  "fontColor": "black"
}

Add this to your VS Code user settings.json

This extension can :

• change the background color of any tab header using the contextual menu

• automatically change the background color of tabs based on filetypes

• automatically change the background color of tabs based on directories

This extension can't (yet) :

• change the whole background of the tab page

• change the background color of tabs based on regex

Notes :

• This extension doesn't work on mac os and some linux systems

• This extension uses patching in order to allow tabs style editing, if your vs code files are read-only then Tabscolor may not work.

Available commands:

• clear all tabs colors

• clear all open tab colors

• random color

  Contributors Welcome

Don't hesitate to contribute to this extension.

TODO

• [x] Allow custom color options (done by ✓ntkhang03)

• [x] new command: clear the color of all open tabs (done by ✓kobilee)

• [ ] Add more colors

• [ ] Add color icons to color options in the contextual menu

• [ ] Allow partial paths when coloring based on directory

• [ ] new command: set random colors to all open tabs

• [ ] new command: sort open tabs by color

• [ ] new setting: display/hide language icon on tabs

• [ ] Add an option on the explorer contextual menu to set colors accoding to the target folder

• [ ] new feature: toggle color of a tab by double click