Transparent Background in Vscode

anubra266

Abraham

Posted on March 25, 2021

Transparent Background in Vscode

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.

Linux Screenshot

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


Enter fullscreen mode Exit fullscreen mode

Happy Vscoding!!!

๐Ÿ’– ๐Ÿ’ช ๐Ÿ™… ๐Ÿšฉ
anubra266
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.

Related

ยฉ TheLazy.dev

About