1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

VS codeのアクティブエディタの色を変更する

Posted at

VS codeが素晴らしいので使用しているのですが、コーディング中に複数ファイルを開きますよね。
その際にエディターのアクティブタブがどれかわからなくなることが多々あり、色を変更するための備忘として本記事を残しました。
まずは結果を以下に載せます。

変更前:

パッとみてどれがアクティブかわかりませんね。。。スプリットビューにしていたりすると尚更です。
 2022-02-05 21.59.25.png

変更後:

気分で #483D8B を私は選びました。うーん。わかりやすい。
 2022-02-05 22.07.12.png

変更方法:

Macなら[Command]+[Shift]+[P]キーでコマンドパレットを開いて"setting.json"と入力し、開いてください。
そこで"workbench.colorCustomizations"があるかどうか検索してください。私はそもそも存在しなかったので以下のように追記しました。

"workbench.colorCustomizations": {
        "tab.activeBackground": "<write your favorite color>"
}

後は保存するのみ。知っていれば簡単ですね。これでもうわからなくなることはないはず。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?