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!!!
Latest comments (19)
Very good! Thank you!
I tried like this
But it doesn't work on Intel Mac 2020 Sonoma.
the extension also makes the code transparent, not just the background. and that's very annoying for me.
is not working on mac M1 ventura, help me :)
Does not work on macOS 10.15
How do I completely revert this to default? I uninstalled the Glasslit extension but the effect persists. Any help?
Awesome
Is there any way to apply this on wayland?
Yes, however you need to know you compositor. In my case im using hyprland, so you can edit your hyprland.conf and set the opacity. The opacity will be applied to the entire system. If you want to set only vscode, you can use the windowrules. This extensions won't work because it is based on x11.
Yes, It just worked in Wayland, but it's not soft blur, it's just basic transparency
Hi...I've not tried it yet.
It is working on ubuntu 20.04
Wow this is Awesome! Tried it, and it just worked.
Thanks a lot for the post.
Theme name please.
Electron Vue Darker
Thanks. Its beautiful.