VSCodeのステータスバーの色を変える（v1.12〜）

VSCodeは白黒基調で非常にスタイリッシュだけど、ステータスバーの色がとても明るいのが気になる。

この色を変える方法。

settings.jsonの設定に、以下を追加する。（色はお好みで）

...
    "workbench.colorCustomizations": {
        "statusBar.background": "#111111", // 通常のステータスバー
        "statusBar.noFolderBackground": "#777777", // フォルダ（プロジェクト）を開いていない状態
        "statusBar.debuggingBackground": "#CA0012" // デバッグ時
    },
...

この設定はv1.12以前はexperimentalだったので、以下のように設定していた。

"workbench.experimental.colorCustomizations": {
    "statusBarBackground": "#111111",
    "statusBarNoFolderBackground": "#777777",
    "statusBarDebuggingBackground": "#CA0012"
},

ちなみにこの設定はSeti UIに合わせたもので、色はそれぞれこんな感じ。
![vscodecolormono.png](https://qiita-image-store.s3.amazonaws.com/0/103086/580a5899-82a2-5464-dbb3-2b1e139947cc.png)

`background`は背景色で、文字の色を変えたければ`foreground`をいじれば良い。


色関連は他にも色んな設定があって、全部[Microsoftのページ](https://code.visualstudio.com/docs/getstarted/theme-color-reference)に書いてある。