VScodeの配色をカスタマイズする方法

2021-09-072021-10-16

VSコードのタイトルバーとアクティブバーの配色を個別に変更する方法です。

設定を開く
ワークスペースを選択
settings.jsonを開く
下記のコードを入力、調整をする

"workbench.colorCustomizations": {
    "titleBar.activeBackground": "#d6ee6ed2",  //タイトルバー背景色
    "titleBar.activeForeground": "#000",  //タイトルバー文字色
    "activityBar.background": "#d6ee6ed2",  //アクティブバー背景色
    "activityBar.foreground": "#000", //アクティブバー文字色
    "activityBarBadge.background": "#f70303" //アクティブバーバッジ色
  }