Up next in 10
Get the full source code of application here:
Show More Show Less 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
theme editor where you can actually make
0:07
your own themes and simply install them
0:09
inside VS Code. So this is a third party
0:12
website. I have given this link in the
0:14
description of the video. So simply go
0:16
to this VS Code theme generator and now
0:19
it allows you to simply uh manipulate
0:22
all the features right here such as the
0:24
phone size.
0:27
You can activate whichever font size you
0:29
want. So after you are happy, you can
0:32
toggle this to be a dark theme or light
0:34
theme. And you can randomize the color
0:37
combination. If you click the this
0:39
button right here, randomize, so it will
0:41
give you random color combinations. So
0:44
if you are interested in whatever color
0:47
combination
0:50
and you can even select your own colors
0:52
as well. So we have all these color
0:54
combinations are there. So you can
0:56
select any color combination. It you can
1:00
use this color picker to actually
1:04
control what will be the syntax
1:07
highlighting what sort of keyword you
1:10
want to give. So it's advanced editor.
1:12
It gives you all the options or you can
1:14
click randomize button which shows you
1:16
the live preview as well. So it can
1:19
control the size of the
1:22
So here you can even search
1:25
whatever theme that you want to
1:27
generate. Likewise
1:30
regenerate colors. So now if you are
1:32
happy about this it gives you this
1:34
button to export this to a VS code
1:36
extension. So as soon as you click this
1:39
a Vssis file will be downloaded. And now
1:43
what you need to do, you need to simply
1:45
install this from your extension. Simply
1:49
select after selecting it, you will see
1:53
your extension will be
1:56
activated.
2:00
So
2:03
this is the extension right here that we
2:05
installed generated theme. You can
2:08
select this is your color combination
2:10
that you selected right here. You will
2:12
see it's very easy to activate. You can
2:14
export them into a VS code extension and
2:17
then you can simply
2:19
activate it inside your VS code. So in
2:22
this easy way you can basically make
2:25
your own VS code extension with all the
2:27
color combination as you can see.
2:39
So it's a very useful website. I've
2:41
given this website in the description of
2:42
the video. Here you can make your own VS
2:44
code themes and export them and install
2:47
it inside your VS code. So also check
2:50
out my website freemediatools.com
2:54
uh which contains thousands of tools.