Help us understand the problem. What is going on with this article?

Visual Studio Codeのワークスペースを色分けして見分けやすくする

More than 1 year has passed since last update.

普段、Visual Studio Codeのウィンドウを複数開きっぱなしにして、ウィンドウをちょくちょく切り替える使い方をしているのですが、以下の様に見分けがつきにくく、切り替えに手間取っていました。

image.png

ワークスペース毎にカラーテーマを設定して見分けやすくもできますが、配色が全部変わるのも嫌だなあと。

そこで、配色の一部だけ変えることにしました。
Visual Studio Codeの設定画面を開いて、ワークスペースの設定のところに以下の形式で設定書きます。

{
  "workbench.colorCustomizations": {
      // ここに色を指定する。
  }
}

具体的なキー名は、以下のページに載っています。
https://code.visualstudio.com/docs/getstarted/theme-color-reference

今回は、アクティビティバー(左端のアイコンが並んでいる領域)の背景色をワークスペース毎に変えてみます。
この領域は、activityBar.backgroundというキー名で色を指定できます。

{
  "workbench.colorCustomizations": {
      "activityBar.background": "#993333"
  }
}

上記の要領で、よく開くワークスペースに個別に色を指定したところ、以下の様に見分けやすくなりました。

image.png

nacam403
CureAppで色々やっているエンジニアリングマネージャーです。
https://cureapp.co.jp/engineers.html
cureapp
医学的エビデンスに基づいた医療機器プログラム『治療アプリ』を開発しています。
https://cureapp.co.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away