VibeSpace Color Coding

CrispyVibe assigns each project a color that appears in the interface locations listed below.

Automatic assignment

CrispyVibe assigns an initial color based on the folder path. A folder receives the same initial color in every VibeSpace.

Where colors appear

Project colors appear in these interface locations:

AreaLocations
Project railHeader bar, project cards
TerminalTiles, minimized tabs, spotlight
SidebarFile explorer, source control
SettingsProject list entries
Content viewerTab indicators
VibeCastParticipant dots

Choose a custom color

Set a custom color using either method:

  • Click the color swatch on the project header in the rail.
  • Open VibeSpace Settings > Projects and click the color swatch next to the project.

Select a color from the picker to apply it immediately.

Clear a custom color

  1. Open the color picker for the project.
  2. Click Clear Color.

The project reverts to the theme accent color as its fallback.

💡 Tip: Projects without a custom color use the current theme’s accent color. Switching themes changes the fallback color for all uncolored projects.