Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>GradifyNew to Visual Studio Code? Get it now.
Gradify

Gradify

iamdushyant

|
40 installs
| (1) | Free
Per-workspace gradient colors for the VS Code activity bar, status bar, and title bar.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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
  • Agent reply blink — gradient pulses when an AI coding agent (Claude Code, Copilot, etc.) finishes editing files while you're on another tab

Agent Reply Blink

When you send a task to an AI coding agent and switch to another tab, Gradify watches for file edits in your workspace. The moment the agent finishes writing, your gradient pulses to bring you back.

  • Press any key or click anywhere to dismiss the pulse
  • Works with Claude Code, GitHub Copilot, Cline, and any agent that edits files

Custom Gradients

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


Usage

Command Description
Gradify: Pick Gradient Open the gradient picker for the current workspace
Gradify: Reset Remove the gradient from the current workspace

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…

Troubleshooting

Gradient disappeared after a VS Code update? Gradify detects this automatically and re-patches on next startup. If it doesn't, run Cmd+Shift+P → Enable Custom CSS and JS manually.

"Installation appears corrupt" banner? Expected — click Don't Show Again. This is VS Code flagging the be5invis patch.

Admin privileges error? Run this once in Terminal, then restart VS Code:

sudo chown -R $(whoami) "/Applications/Visual Studio Code.app/Contents/Resources/app/out"

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft