Stay organized with collectionsSave 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 Gearin the bottom left corner of the Editor and Navigate toThemes>Color Theme:
To preview color themes, pressUpandDown.
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 theVS 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-09-04 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)."]]