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 Gear Settings Gear icon in 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.