Vibrancy

Preview

eyhn

|
490 installs
|
645 downloads
| (3) | Free
Vibrancy Effect for Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Visual Studio Code Extension - Vibrancy

Enable Acrylic/Glass effect for your VS Code.

screenshot

 

 

Links: Github | Visual Studio Code Marketplace | issues

Supported Operating Systems

Windows 7 ✔

Windows 10 ✔

MacOS ✔

Getting Started

  1. Make sure the color theme you selected is the 'Dark+ (default)'

step-1

  1. Install this extension from the Visual Studio Code Marketplace.

  2. Press F1 and Activate command "Reload Vibrancy".

step-3

  1. Restart.

Every time after Code is updated, please re-enable vibrancy.

Warns：

This extension works by editting the vscode's css file. So, a information appears while the first time to install or vscode update.U can click the [never show again] to avoid it.

screenshot

Options

vscode_vibrancy.type (Windows Only)

Native method of Vibrancy Effect.

  • auto : Automatically switch with system version.
  • dwm : (Windows 7 only) Windows Aero blur.
  • acrylic : (Windows 10 only) Fluent Design blur.

vscode_vibrancy.opacity (Windows Only)

Opacity of Vibrancy Effect.

value: 0.0 ~ 0.1

FAQs

How to uninstall?

Press F1 and Activate command "Disable Vibrancy", and Restart Visual Studio Code.

Thanks ⭐

be5invis/vscode-custom-css : The basis of this extension program

DIYgod : Fix issues with VSCode 1.36