DEV Community

Gaurav Sinha
Gaurav Sinha

Posted on

2 1

I made my own VS Code theme in less than an hour, here's how? [Part 2]

Following my Previous Blog :

After designing your theme,

Go to your themes option by following url and download the source code (JSON file) to your device.

Alt Text

Now, this is the major step where you'll have to replace the current JSON file to the downloaded file.

so keep calm and Let's go!! 🚀
Alt Text

Open the VSCE Installed folder/ codebase (check out the previous blog) and you'll get a similar list of directories.
Alt Text

In the themes folder, Replace the Downloaded file from the current file and rename your theme to whatever you want!

Let's Make a .vsix file so that it can be published to visual studio marketplace

  1. open up your terminal

2 follow the command vsce publish, which will make a .vsix file.

Now, go to the visual studio marketplace console.

  1. Add a new extension by clicking + New Extension
  2. Select Visual Studio Code and upload your .vsix file and Publish.

Everything is done!✨

If you don't have an account on marketplace.visualstudio.com,
you can follow their official doc, here's the link: https://code.visualstudio.com/api/working-with-extensions/publishing-extension

If you are stuck anywhere in the process, do comment and Like the blog if you find it's helpful :)

Here is my VS Code theme Link : https://marketplace.visualstudio.com/items?itemName=GauravSinha.greencloud

Happy Theming!✨

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (1)

Collapse
 
mayannaoliveira profile image
Mayanna Oliveira •

I like new themes. Thanks!

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

đź‘‹ Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay