📝

VSCodeのdevcontainerで、ウインドウの間違いを防ぐ小技

2022/11/09に公開

VSCode の devcontainer とても便利なんだけど、何個もウインドウ開いてると見た目がほぼ一緒で、間違えて操作しそうになることがちょくちょくあって危険。
そこで、 devcontainer.json でウインドウの色を設定しておくと、 devcontainer のウインドウ毎に見た目が変わるので、間違いが減りそうと思って設定してみた。
( name とかと同じ階層に書く。カラーコードは devcontainer 毎に適当に変える)

{
    ...(中略)...
    "settings": {
        "workbench.colorCustomizations": {
            "titleBar.activeBackground": "#c040c0",
            "titleBar.activeForeground": "#f0f0f0",
            "activityBar.background": "#c040c0",
            "activityBar.foreground": "#f0f0f0"
        }
    }
}

設定後はこんな感じ。

Discussion