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に合わせたもので、色はそれぞれこんな感じ。

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

色関連は他にも色んな設定があって、全部Microsoftのページに書いてある。