How to Publish🙀 Your Own Theme In Visual Studio Code👍
Tags: vscode, javascript, react, webdev
Published: 2018-04-16 14:48:48

---
title: How to Publish🙀 Your Own Theme In Visual Studio Code👍
published: true
description: how to create vscode themes
tags: vscode,javascript,react,webdev
cover_image: https://cdn.pixabay.com/photo/2017/03/19/11/07/light-2156209_960_720.jpg
---


### Are You Bored of Using Lazy themes which You don't like?

Don't Worry  I'm showing you step by step How to Publish Your Own themes in Microsoft market Place.


#### First, we need to install Yocode  generator

```
npm install -g yo generator-code
```

After yo code is installed

Now open the terminal and enter 
```
yo code
```
*********************************************************************
Yo code shows a couple of options

![yo code](https://code.visualstudio.com/assets/docs/extensions/yocode/yocode.png)


- Use arrow keys to select the New color theme

- After New Color theme is selected  there couple more options you see

![ss](https://thepracticaldev.s3.amazonaws.com/i/cusebkgan64oxvdjz4mf.png)

- Select start from fresh

- Now choose Name of theme and etc..

After successfully created You can see a folder which is available on your disk
- Open Folder With Vscode.
- Hit F5 and start the Development process

Check out This Article clearly Explains the [Development Process](https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers)

### == __Once Your Done with Your Development__ ==

*********************************************************************

Now We need to Publish our theme in Vscode marketplace

For these, We need to install a Publishing Tool

```
npm install -g vsce . //for mac add sudo in front of npm
```

After Successfully installed Now open your developed Theme in vs code.

 . Open Integrated terminal in vs code
 
```
vsce create-publisher (publisher name) 
```
 . For example: vsce create-publisher saigowthamr

Now We need to create a Personal Access token.

Open this [Url](https://monacotools.visualstudio.com) and Create Your account

Once Your Account is created 
![vscode](https://thepracticaldev.s3.amazonaws.com/i/22x5v0km9aar9o189abd.png)
 
- Select the Security Option Like I shown in the Above image.
- After Check out these [Post](https://code.visualstudio.com/docs/extensions/publish-extension) .

Once You Successfully Created Your Pat Token Copy and store it on your Pc.
Because It shows only once.

- Now In your vs code terminal.

```
vsce login (publisher name) // we already created name 
``` 
- It will ask for Pat token paste the token and hit enter.

- Once You are Completed these Whole Journey.

- Our final command publish.

```
vsce publish -p <token> // enter your pat token in token field
``` 

Successfully Published Your Own  Theme. If you got any errors I'm here to help.

**Check Out My Themes If you have time I have Couple**

1.[Black Gold](https://marketplace.visualstudio.com/items?itemName=saigowthamr.black-gold)
2.[Newton Pro](https://marketplace.visualstudio.com/items?itemName=saigowthamr.black-gold)

**Resources**
- [Publish Docs](https://code.visualstudio.com/docs/extensions/publish-extension)
- [Theme Docs](https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers)