VS Code: ワークスペースごとにウィンドウの色を変えて見分ける

どんな時に使う？

• AIエージェントを並行で動かすなどで VS Code を3〜4ウィンドウ同時に開き、どれがどのプロジェクトか分からなくなるとき
• 本番用リポジトリと検証用リポジトリを取り違えたくないとき

手順

project.code-workspace の settings に色を指定する（例）:

{
  "folders": [{ "path": "." }],
  "settings": {
    "workbench.colorCustomizations": {
      "titleBar.activeBackground": "#1e6b3a",
      "titleBar.activeForeground": "#ffffff",
      "activityBar.background": "#1e6b3a",
      "statusBar.background": "#1e6b3a"
    }
  }
}

• ワークスペースファイルを使わない場合は、各リポジトリの .vscode/settings.json に同じ workbench.colorCustomizations を書けばよい。

注意点

• .vscode/settings.json をGit管理していると、色設定がチームに共有される。個人用なら .gitignore するか、ワークスペースファイル側に書く。
• 拡張機能「Peacock」を使うとGUIで色を選べる（中身は同じ設定を書き換えている）。
• タイトルバーの色はカスタムタイトルバー（window.titleBarStyle: custom）で有効。

出典

• @dominosoft_PR · 2026-09-09