Gradify

Per-workspace gradient colors for the VS Code activity bar, status bar, and title bar.

Each project gets its own gradient — switch between workspaces and the colors follow automatically.

Features

• 16 built-in gradient presets (Miami, Vaporwave, Cyberpunk, Ocean, and more)
• Custom hex color input with live preview
• Per-workspace isolation — different gradients for different projects
• Gradients persist across VS Code restarts

Custom Gradients

Enter any comma-separated hex colors (2–6 stops) and see a live preview before applying.

Usage

Requirements

Gradify uses Custom CSS and JS Loader to inject true CSS gradients into VS Code's UI. It is installed automatically as a dependency.

On first install:

1. Open a folder/workspace in VS Code
2. Cmd+Shift+P → Gradify: Pick Gradient
3. Click Reload Now when prompted

Note: VS Code will show an "installation appears corrupt" banner — this is expected. Click Don't Show Again.

Presets

• Miami — #ff6ec7 → #ffb86c → #ffe66d
• Vaporwave — #ee9ca7 → #ffdde1 → #a18cd1
• Ocean — #2193b0 → #6dd5ed
• Cyberpunk — #fc466b → #3f5efb
• Sunset — #ff512f → #f09819
• and 11 more…

License

MIT