ワークスペース毎にタイトルバー（ウィンドウ上段）やステータスバー（ウィンドウ下段）の色をカスタマイズする方法。
背景
複数のワークスペースを開いていると閲覧or編集中のワークスペース（プロジェクト）の内容を取り違えて混乱することがあります。ワークスペース毎に色を違える（カスタマイズする）ことで取り違えを回避します。
設定方法
ワークスペースの設定ファイル ${workspaceFolder}/settings.json にテキストエディターで "workbench.colorCustomizations" を追加します。
- titleBar : タイトル・バー (上段)
- activeBackground : アクティブ（選択中）の背景塗りつぶし色
- inactiveBackground : 非アクティブ（選択以外）の背景塗りつぶし色
- activeForground : アクティブ（選択中）の前面（文字、アイコン）塗りつぶし色
- inactiveForground : 非アクティブ（選択以外）の前面（文字、アイコン）塗りつぶし色
- statusBar : ステータス・バー（下段）
- background : 背景色
- foreground : 前面色（文字色、アイコン色）
settings.json の例
|
1 2 3 4 5 6 7 8 9 10 11 12 |
{ // ... "workbench.colorCustomizations": { "titleBar.activeBackground": "#7b0000", "titleBar.inactiveBackground": "#7b0000", "titleBar.activeForeground": "#ffffff", "titleBar.inactiveForeground": "#7f7f7f", "statusBar.background": "#7b0000", "statusBar.foreground": "#ffffff", }, // ... } |