vscode フレーム色設定

vscodeの色を設定する方法

settings.jsonは様々な設定を記載できるが、その中でも今回は色の設定方法を記載する。

最初にsettings.json ファイルを作成する。
/{プロジェクトのルートフォルダ名}/.vscode/settings.json
という構造でファイルを作成し配置する。

settings.json に以下のように記載する

※カラーコードは好みのものを指定

{
  // エディターの背景色
  "workbench.colorTheme": "Default Dark Modern",
  "workbench.colorCustomizations": {
    // エディター枠の上部色
    "titleBar.activeBackground": "#22547a",
    // エディター枠の左側色
    "activityBar.background": "#2b7a22",
    // エディター枠の下部色
    "statusBar.background": "#da4520",
  }
}

入力は「ctrl」+「スペース」キーで補完できる