Giter Site home page Giter Site logo

tabscolor-vscode's Introduction

Total Installs

This extension isn't supported on Mac OS yet

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

tabsColor preview

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

Set tabs color based on filetypes

example:

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

Add this to your VS Code user settings.json

Set tabs color based on directories

example:

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

Add this to your VS Code user settings.json

The directoy path must be absolute

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

  • set custom colors in the contextual menu

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

Add more colors

Add color icons to color options in the contextual menu

Allow custom color options โœ“ntkhang03

Allow partial paths when coloring based on directory

new command: set random colors to all open tabs

new command: clear the color of all open tabs โœ“kobilee

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

tabscolor-vscode's People

Contributors

alexandruavadanii avatar kobilee avatar mondersky avatar ntkhang03 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.