Up next in 10
How to Apply Transparent Background Glass Effect to VSCode IDE Editor
776 views
Jul 8, 2025
Get the full source code of application here:
View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video, I'll show you a VS code
0:04
extension which will apply a transparent
0:07
background glass effect.
0:09
So there is a third party extension that
0:11
you can install here which is called as
0:13
glassit. If you just type this glassit
0:18
glass it this is the name of the
0:21
extension and this extension will right
0:23
here come right here. If you see it's
0:25
got almost 560,000
0:28
installs. So what this extension will
0:31
do, it will change your VS code to a
0:33
transparent. You can see that now it has
0:37
changed it like this.
0:40
You can see how cool this effect is
0:42
looking. And simply you just need to
0:45
navigate to the search bar. Simply type
0:48
this glass. It simply activate this. If
0:51
you just want to disable this, you can
0:53
disable this extension. I just need to
0:56
restart the extension for disabling. So
0:59
if you just want to enable this, you can
1:01
simply enable this and this will
1:02
actually
1:05
make your visual studio transparent like
1:09
a glass effect.
1:11
Uh it actually adds a property here
1:13
which you can control in the user
1:14
setting file. If you drag down this
1:18
property here glassit alpha. So this is
1:21
uh by default it is set to 220 but in
1:25
the documentation they have shown right
1:26
here
1:29
it basically
1:32
1 to 255 and there is another property
1:35
step increment of alpha. Alpha is
1:38
nothing but is opacity.
1:40
So it is set to 255
1:43
220 by default. You can even change to
1:46
255.
1:53
So
1:55
just need to restart the editor to take
1:58
the changes.
2:04
So now you can see the changes are taken
2:07
place.
2:16
If you decrease the value here, it will
2:19
like this. So this is the extension
2:22
guys.
2:23
Thank you very much for watching this
2:24
video and also check out my website
2:27
freemediatools.com
2:29
which contains a thousand
#Development Tools
#Programming