Skip to content
🎨 Add Acrylic,BlurBehind,TransparentGradient background effects to VSCode(Windows).
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
src
.gitignore
LICENSE
README.md
jsconfig.json
package-lock.json
package.json
screenshot-blur.png
screenshot-tr.png
screenshot.png

README.md

Acrylic - VSCode Extension

🎨 Add Acrylic,BlurBehind,TransparentGradient background effects to VSCode(Windows).

screenshot

Supported OS

Windows 10 ✔

Getting Started

  1. Install this extension from the Visual Studio Code Marketplace.
  2. Turn on any dark theme (because these effects don't work well on bright colors)
  3. Edit setting.json add "vscode_acrylic.effect": "acrylic" or blurBehind,trGradient,disable
  4. Press F1 and Activate command "Enable Acrylic".
  5. Restart VSCode

Please "Enable Acrylic" with admin privileges.

Uninstall

Press F1 and Activate command "Disable Acrylic", and Restart VSCode.

FAQs

Why is my terminal still black?

You should change the renderer type of the terminal to dom

"terminal.integrated.rendererType": "dom"

Why is it only changed color when enabled, but not transparent?

You need to turn VSCode off and back on instead of using reload window.

Why not supported MacOS?

The vibrancy plugin has been implemented without the need to do duplicates. And the effect of MacOS is different from Windows.

Why make this plugin?

The Acrylic effect on Windows has a sliding delay, but there is no problem with BlurBehind and TransparentGradient, so I made a plugin that can choose the effect.

Links

Thinks

Render

Acrylic

screenshot

BlurBehind

screenshot-blur

TransparentGradient

screenshot-tr

You can’t perform that action at this time.