blackrobot / vscode-vibrancy

Enable Acrylic/Glass effect for your VS Code.

Visual Studio Code Extension - Vibrancy

Enable Acrylic/Glass effect for your VS Code.

 

 

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)'

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

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

4. 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.

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

vscode_vibrancy.theme

Select Vibrancy theme.

• Default Dark
• Dark (Only Subbar)

You can contribute more themes for us! see here.

vscode_vibrancy.imports

Import CSS/JS files, as file paths.

EXAMPLE: C:/Users/MyUserName/Documents/custom.css

value: array[]

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