Daniel Imms
Daniel Imms

Reputation: 50229

How do you use a different theme in a remote VS Code window

Using VS Code Remote Development (SSH, container, WSL) I want a different theme on my remote and local VS Code windows so that I can easily tell them apart.

Upvotes: 18

Views: 6857

Answers (3)

Daniel Imms
Daniel Imms

Reputation: 50229

You can set your theme in remote settings to use a different theme for that specific remote, open up the command palette (F1) and run the "Open Remote Settings" command:

enter image description here

Then add the following setting and save:

{
    "workbench.colorTheme": "<your theme of choice>"
}

enter image description here

Or if you're using the settings editor:

enter image description here


There is currently no way to do this all at once for all remotes, it must be configured per machine.

Upvotes: 26

rrlamichhane
rrlamichhane

Reputation: 1675

I'm not sure if the top answer is applicable anymore, however this approach works.

  1. Go to Settings -> Workbench -> Appearance
  2. Pay attention to the tabs at the top which has User, and Workspace
    • You may have more option like Remote [<server_name>] if you are connected to your code via ssh
  3. Modify the settings under the tab to get the desired result.
    • User means global default settings for vscode
    • Remote overrides global and takes effect to all specified remote sessions
    • Workspace takes highest precedence, and modifies only the settings for the current folder.

Upvotes: 2

bers
bers

Reputation: 5803

Alternatively to @DanielImms' answer, you can add the same setting to your .vscode/settings.json or your .code-workspace file to select a different color scheme for each (remote) folder or workspace.

Upvotes: 1

Related Questions