Visual Studio Code のGUIの表示色を変更する手順を紹介します。

手順

Visual Studio Codeを起動します。下図のウィンドウが表示されます。


ウィンドウ左下の歯車のアイコンのボタンをクリックします。下図の設定メニューのポップアップメニューが表示されます。メニューの[配色テーマ]の項目をクリックします。


ウィンドウ上部に配色テーマの一覧が表示されます。デフォルトでは"Dark+ (default dark)" が選択された状態になっています。リストから変更したいテーマをクリックします。


選択後テーマカラーが変更されます。


一部カラー変更が追従しない部分があるため、Visual Studio Codeを一度終了して再起動するか、別のファイルを開くとすべてのカラーが新しいテーマに変更されます。


Visual Studio CodeのUIの配色を変更できました。