Stay organized with collections
Save and categorize content based on your preferences.
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:
Click the Settings Gear
in the bottom left corner of the Editor and Navigate to Themes > Color Theme:
To preview color themes, press Up and Down.
Select your preferred color theme.
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.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Hard to understand","hardToUnderstand","thumb-down"],["Incorrect information or sample code","incorrectInformationOrSampleCode","thumb-down"],["Missing the information/samples I need","missingTheInformationSamplesINeed","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-08-28 UTC."],[],[],null,["# Customize your Cloud Shell Editor themes\n\nThis page describes how to customize the default color theme for your\nCloud Shell Editor.\n\nSet a color theme\n-----------------\n\nTo customize the color theme of your Cloud Shell Editor:\n\n1. Click the Settings Gear\n in the bottom left corner of the Editor and Navigate to **Themes** \\\u003e **Color Theme**:\n\n2. To preview color themes, press `Up` and `Down`.\n\n3. Select your preferred color theme.\n\nAlternatively, if you know your theme name (for example, `light`) and want to\nmodify your settings.json file, you can use: \n\n \"workbench.colorTheme\": \"Code OSS Light\"\n\nFor a detailed look at customizing your settings.json file,\nspecifically customizing a color theme, defining styles for\neditor syntax and semantic highlighting, and creating your own theme, see the\n[VS Code color theme documentation](https://code.visualstudio.com/docs/getstarted/themes)."]]
in the bottom left corner of the Editor and Navigate to Themes > Color Theme:
