Kuroir Project Colorizer

Instantly distinguish your projects with unique, randomly generated colors for each workspace. No more confusion when working with multiple VS Code windows!

Requires Kuroir Theme for best results: Kuroir Theme on VS Code Marketplace

Features

• 🎨 Automatic Color Assignment: Each workspace gets a unique color automatically
• 🎲 Smart Random Colors: Uses HSL color space (H: 0-360°, S: 45-75%, L: 40-60%) for pleasant, readable colors
• 💾 Persistent Colors: Colors are saved in workspace settings and persist across sessions
• 🎯 Customizable Elements: Choose which UI elements to colorize
• 🔄 Regenerate on Demand: Change colors anytime with a simple command
• ⚡ Real-time Updates: Configuration changes apply immediately

Supported UI Elements

You can enable/disable coloring for each UI element:

• Activity Bar - Left sidebar with icons (default: enabled)
• Status Bar - Bottom bar (default: enabled)
• Title Bar - Top window bar (default: enabled)
• Side Bar - File explorer, search, etc. (default: disabled)
• Panel - Terminal, output, problems (default: disabled)
• Editor Group Headers - Tab area (default: disabled)
• Menu Bar - File, Edit, View... (default: disabled)
• Minimap - Minimap border (default: disabled)
• Breadcrumb - Navigation bar (default: disabled)
• Notifications - Notification toasts (default: disabled)

Commands

• Kuroir Project Colorizer: Regenerate Color - Generate a new random color for the current workspace

• Kuroir Project Colorizer: Show Current Color - Display the current workspace color

• Kuroir Project Colorizer: Set Custom Color - Set a custom color using a hex value

• Kuroir Project Colorizer: Toggle Colorization On/Off - Enable or disable all colorization for the current workspace

• kuroirProjectColorizer.enable.notifications - Notifications (default: false)

Workspace Color

The generated color is automatically saved in your workspace settings:

{
  "kuroirProjectColorizer.workspaceColor": "#4a7c9e"
}

How It Works

1. When you open a workspace, Kuroir Project Colorizer checks if a color is already assigned
2. If not, it generates a new random color using the HSL color space
3. The color is applied to the enabled UI elements with automatic contrast adjustments
4. The color is saved in .vscode/settings.json for persistence

Color Variations

The extension automatically generates several color variations from your base color:

• Primary: The main generated color
• Contrast: Black or white, depending on luminance
• Primary Light: A lighter version for backgrounds
• Primary Dim: A dimmed version for inactive states
• Hover: A slightly brighter version for hover states

Requirements

• VS Code version 1.74.0 or higher
• A workspace/folder must be open (not just individual files)

Known Issues

• Colors only apply to workspace windows, not to windows with just individual files open
• Some UI elements may require a window reload if VS Code doesn't update them immediately