Up next in 10
VSCode Plugin to Integrate Intellij Idea Webstorm IDE Theme for Coding Full Tutorial
Feb 25, 2025
Watch My Visual Studio Code IDE Setup Video For Fonts,Themes & Extensions
https://youtu.be/Bon8Pm1gbX8
Hi Join the official discord server to resolve doubts here:
https://discord.gg/cRnjhk6nzW
Visit my Online Free Media Tool Website
https://freemediatools.com/
Buy Premium Scripts and Apps Here:
https://procodestore.com/
Show More Show Less View Video Transcript
0:00
uh hello guys welcome to this video so I
0:02
will show you how to include the
0:05
webstorm theme webstorm is a very
0:07
popular IDE for developing web
0:10
applications it's a paid IDE so if you
0:13
inside your vs code if you want to use
0:15
the same theme which is used inside
0:16
webstorm so you can just search in the
0:19
extensions tab just search for webstorm
0:22
and quite a number of themes uh quite a
0:24
number of thirdparty extensions will be
0:26
available which integrates the webstorm
0:29
theme inside your vs code the theme that
0:31
you want to do is this one which is
0:34
webstorm
0:35
new so quite a third party themes is
0:39
available if you see in the
0:40
extensions the theme that I am instru uh
0:44
in interested is
0:47
webstorm yeah so this is I think this is
0:50
a
0:53
theme and this is the one theme webstorm
0:56
if you just go to extensions just type
0:58
webstorm and this is theme developed by
1:01
this
1:02
person webstorm new UI theme just select
1:06
this and it has 15,000 installs and just
1:09
install it and as soon as you install it
1:12
trust the
1:15
publisher so now what you will see it
1:17
will actually
1:21
change to the webstorm theme so if you
1:24
try to open this it will look something
1:26
to like
1:28
webstorm whichever
1:30
theme that it uses by default it will
1:33
integrate inside your vs
1:37
code so it has quite a number of themes
1:39
available this is a dark theme this is a
1:42
light
1:43
theme similar to webstorm if you see
1:46
that
1:50
so so this is new light because the
1:53
status bar has changed to dark but the
1:55
actual foreground is changed to white
1:57
color so you can use any of these themes
2:00
so four themes are available this is the
2:02
first extension of webstor which is
2:05
available for vs code I found this
2:07
extension to be very useful if you do
2:09
need to use the webstorm inside your vs
2:11
code this is the first extension now let
2:14
me show you the second one uh in the
2:17
same if you just type webstorm in the
2:19
extensions tab this is the second
2:21
extension which is developed by this
2:23
person which is Seri it has got
2:27
almost 115,000
2:30
download so simply click the install
2:32
button and it will actually have this
2:36
webstorm intellig Dracula theme
2:40
so so if you activate this theme you'll
2:42
see it has a nice little color
2:45
combination similar to webstorm and if
2:48
you open to any of the JavaScript HTML
2:51
files you will see the color combination
2:53
the synex highlighting is matching to
2:55
that of webstorm so if you are a
2:58
webstorm developer so as you see
3:01
webstorm is not a free IDE it's a paid
3:03
IDE but still if you want to use the
3:06
webstorm IDE color combination you can
3:09
use these extensions third party
3:11
extensions which are available in VSS
3:13
code just install this and you will get
3:17
the same look and feel of webstorm so
3:20
can see that
3:25
so so you can see that it's very simple
3:28
and for the phone I'm using the Dank
3:30
mono font which is a premium font inside
3:32
vs code so the font we using that
3:40
so so webstorm
3:44
so you can use the icons as well
3:47
webstorm icons for install this
3:50
extension as well so quite a number of
3:52
extensions are available so if you just
3:53
type webstorm you will see what I'm
3:56
talking about so this one is another
3:59
theme webstorm new theme if you install
4:02
this extension quite a number of themes
4:04
are available just select install and
4:07
now if you see this is the Dark theme
4:10
this is more
4:12
darker so this one provides you with six
4:16
themes related to
4:18
webstorm so this theme this extension
4:21
you can even install it's a fairly new
4:23
extension
4:24
662 downloads but I think it does the
4:27
job quite a good way you you'll see that
4:30
the theme is quite looking like webstorm
4:33
it has a n and nice look and feel and uh
4:36
the pressure on the eyes is not that
4:38
much you will
4:41
see so this is the darker Dark theme
4:45
here you'll see that the color
4:47
combination is quite good and uh you can
4:50
see that so it only provides you with
4:53
the dark themes not the light themes so
4:55
you can see that so these are some of
4:57
the third party extensions you can
4:59
install all in vs code guys if you want
5:01
to use the webstorm versions so thank
5:04
you very much for watching this video
5:06
and also check out my website as well
5:08
free mediat tools.com uh which contains
5:11
thousands of tools regarding audio video
5:13
and image and I will be seeing you in
5:14
the next video
#Development Tools
#Freeware & Shareware
#Other