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.
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.
Install the extension, restart your vs code (not just reload), right click on any tab and select from the color menu
example:
"tabsColor.byFileType": {
"js": {
"backgroundColor": "yellow",
"fontColor": "black"
}
}
Add this to your VS Code user settings.json
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
example:
"tabsColor.activeTab": {
"backgroundColor": "yellow",
"fontColor": "black"
}
Add this to your VS Code user settings.json
-
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
-
change the whole background of the tab page
-
change the background color of tabs based on regex
-
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.
-
clear all tabs colors
-
clear all open tab colors
-
random color
Don't hesitate to contribute to this extension.
-
Allow custom color options (done by ✓ntkhang03)
-
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