Customize your Cloud Shell Editor themes

This page describes how to customize the default color theme for your Cloud Shell Editor.

Set a color theme

To customize the color theme of your Cloud Shell Editor:

  1. Click the Settings GearSettings Gear iconin the bottom left corner of the Editor and Navigate to Themes> Color Theme:

    Settings Gear Menu opened to Color Theme

  2. To preview color themes, press Up and Down .

  3. Select your preferred color theme.

Themes drop down with color themes options displayed

Alternatively, if you know your theme name (for example, light ) and want to modify your settings.json file, you can use:

  "workbench.colorTheme" 
 : 
  
 "Code OSS Light" 
 

For a detailed look at customizing your settings.json file, specifically customizing a color theme, defining styles for editor syntax and semantic highlighting, and creating your own theme, see the VS Code color theme documentation .

Design a Mobile Site
View Site in Mobile | Classic
Share by: