CODEWITHSUNDEEP
visual-studio-code
user2470323
user2470323

Reputation: 2299

Different theme per window in Visual Studio Code

Is it possible to open 2 Visual Studio Code sessions with different themes? Maybe like this:

As requests for off-site resources are off-topic, I am only looking for answers involving Visual Studio Code's built-in capabilities.

Upvotes: 229

Views: 89701

Answers (5)

johir Haque Dipok
johir Haque Dipok

Reputation: 329

  • Press ctrl + , from the keyboard.
  • This will take you to the settings tab.
  • Click on the Workspace Tab
  • Type Theme in the search field.
  • Your will see - Workbench: Color Theme
  • Select the theme you want. And that's all

or

  • make a folder in your project with .vscode
  • make a file with the name of settings.json inside the folder.
  • simply copy paste or write the following code. with the theme name
   {
            "workbench.colorTheme": "GitHub Dark"
    }

Upvotes: 8

RitaB
RitaB

Reputation: 146

@Alex Myers just highlighting make sure to choose Workspace

Your answer took me straight to the right place. I made the same mistake others are complaining about, i.e. theme changes across all windows. We just missed a small but important step.

enter image description here

Upvotes: 10

Cristián Vargas Acevedo
Cristián Vargas Acevedo

Reputation: 706

Maybe : Peacock

Subtly change the color of your Visual Studio Code workspace. Ideal when you have multiple VS Code instances, use VS Live Share, or use VS Code's Remote features, and you want to quickly identify your editor.

And this theme combine perfect ! my 10 cents

Tokyo Hack

Upvotes: 31

coderkk
coderkk

Reputation: 86

In root folder, you can create a folder .vscode, then create a settings.json file.

Insert the follow setting in your settings.json file.

{
    "workbench.colorTheme": "Default Dark+"
}

Then you can set different theme according your project.

Upvotes: 3

Alex Myers
Alex Myers

Reputation: 7135

You can have a different theme per workspace/folder by adjusting the workbench.colorTheme in the workspace settings.

  1. Open a new VSCode window.
  2. Open the project folder where you would like to have a different color theme.
  3. Navigate to File > Preferences > Settings.
  4. Select the "Workspace Settings" tab at the top of the settings screen. Anything you edit in here will now be specific to this workspace.
  5. Search for "colorTheme" and select the color theme you would like for this specific workspace.

enter image description here

Now, whenever you reopen that folder, the color theme will match what you set in the workspace settings.

Upvotes: 460

Related Questions