ColorBar Extension
A small extension that customizes the colors of VS Code's activity bar, title bar, and status bar for every workspace.
Features
- Pick from a curated set of 26 colors via a quick-pick menu with live preview
- Graphical color picker — choose any color with the native OS color picker
- Auto-color from project name — each project gets a unique, deterministic color based on its folder name
- Full workspace theming: activity bar, title bar, status bar, and sidebar
- Remembers the chosen color per workspace
- Fully customizable color palette through settings
Install
- Open Extensions sidebar in Visual Studio Code (View → Extensions)
- Search for
colorbar
- Click Install
Usage
- Open a folder or workspace
- Press
F1 to open the command palette
- Type
ColorBar
- Choose ColorBar: Change Color... to pick from presets
- Choose ColorBar: Custom Color... to open the graphical color picker
- Choose ColorBar: Edit colors... to customize the preset palette
Settings
| Setting |
Default |
Description |
colorbar.enableAutoColor |
true |
Automatically generate a color from the project name for new workspaces |
colorbar.colors |
(26 preset colors) |
Object mapping color names to hex values |
colorbar.currentColor |
"" |
The currently applied color (managed by the extension) |
Credits
Color manipulation powered by tinycolor2.
| |
