Acrylic - VSCode Extension

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

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

• Visual Studio Code Marketplace
• Github
• Introduction

Thinks

• vscode-custom-css
• vscode-vibrancy
• ewc

Render

Acrylic

BlurBehind

TransparentGradient