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!!!
Top comments (19)
Is there any way to apply this on wayland?
Hi...I've not tried it yet.
It is working on ubuntu 20.04
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
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.
Wow! Thanks bro! I thought thats a wallpaper, not a glass effect, but it looks really nice with my desktop background. Thanks the tutorial!
This looks so cool, gotta try it out on MacOS!β¨
Did you try it? I'm using Ventura, will glassit work?
I tried like this
But it doesn't work on Intel Mac 2020 Sonoma.
Very good! Thank you!
Does not work on macOS 10.15
the extension also makes the code transparent, not just the background. and that's very annoying for me.
How do I completely revert this to default? I uninstalled the Glasslit extension but the effect persists. Any help?