Transparent Background in Vscode
Abraham
Posted on March 25, 2021
So I came across the Show off your VSCode Setup ๐ฉ๐ปโ๐ป๐ฏ Post on Dev.to, and
I decided to post a screenshot of my setup.
So as a reply to a comment, by @FidoHUN, I'll be telling you how to accomplish this.
Applying on Windows
Install the Glass-it Extension from the vscode marketplace
Press ctrl+alt+z
to increase the transparency, ctrl+alt+c
to decrease.
Applying on Linux
Requirements
- Xorg display server
- xprop package.
Then like on windows, install the Glass-it Extension from the vscode marketplace
Press ctrl+alt+z
to increase the transparency, ctrl+alt+c
to decrease.
Applying on Mac-Os(Untested)
Tweaking Vscode has proven to be harder on the MacOs. But we can try.
Install yabai
Then:
yabai -m rule --add app="Visual Studio Code" opacity=0.7
Happy Vscoding!!!
๐ ๐ช ๐
๐ฉ
Abraham
Posted on March 25, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.