てくなべ (tekunabe)

ansible / network automation / 学習メモ

[VS Code] アクティブなエディターのタブの背景色を変える tab.activeBackground

vscode

はじめに

VS Code のエディター部分でファイルを開くとタブ表示になりますが、いまアクティブ（開いている）なタブどれなのか色的に少しわかりにくなと感じていました。

アクティブなタブの背景色を変える方法を Twitter で教えていただいた（ありがとうございます！）のでこちらにも共有します。

変更前

私の環境では以下のような表示です。この場合 jmespath.yml がアクティブです。 これをもう少し際立たせたいと思います。

f:id:akira6592:20210523133631p:plain
どれを開いてるのかわかりにくかった

変更

setting.json で workbench.colorCustomizations 内で tab.activeBackground で背景色を指定します。

私の設定例

{
    "workbench.colorCustomizations": {
        "tab.activeBackground": "#666666cc",
    },
   // ...(略)...
}

色はお好みで変更してください。

変更後

こんな感じになります。

f:id:akira6592:20210523133556p:plain
アクティブなタブの背景色を薄くした

選ぶ様子。

他、workbench.colorCustomizations 配下の現在の設定を書き出すこともできるようです。おしえていただきありがとうございます。