VSCodeの左下のボタンの色を変えたい！

まずはじめに

VSCodeの左下のボタンってなんぞ？って感じだと思いますが、リモートウィンドウを開くためのボタンのことです！

↓↓↓これの青いところ↓↓↓

これVScodeでは青色がデフォルトで設定されてるんですよね。自分は業務ではCursorを使ってるんですが、Cursorの文字の配色が好きでCursorではこのボタンが紫っぽい色で好きでした。
なのでVScodeでもCursorと同じ配色テーマ(Anysphere Dark)に設定したんですけど、ここのボタンの色だけ変わらなくて色々調べてみた結果変えることができたので、備忘録もかねて記事にしました^^

やり方

1. まずVScodeでsettings.jsonを開きます。(settings.jsonの開き方はこちらを参考にしてみてください)
2. settings.jsonに以下のコードを書く
   settings.json

   "workbench.colorCustomizations": {
           "statusBarItem.remoteBackground": "#784B84",
           "statusBarItem.remoteForeground": "#ffffff",
       }
   

3. 以上！簡単ですね^^

ちなみにBackgroundが背景色でForegroudがボタン内の> <の色のところですね

簡単にできるので試してみてください

完成系

余談ですが

この好きな配色をさがす旅をしていた時に友達のエンジニアと配色テーマの好みが違いすぎて面白かったです^v^
よければ好きな配色テーマやこのボタンの配色だったりエディタのこだわり設定があればコメントしてくれるとうれしいです！

素敵なhappy hackig life を！