不依賴 Theme 自行修改 Status Bar 底色

VS Code 的 Status Bar 包含很多資訊,預設是藍底白字,雖然很有 MS 風格,但與 Dark Mode 似乎格格不入,該如何特別修改 Status Bar 的底色呢 ?

Version


VS Code 1.32.1

Preferences


settings.json

1
2
3
4
5
6
{
"workbench.colorCustomizations": {
"statusBar.background": "#303030",
"statusBar.noFolderBackground" : "#303030"
}
,

}

settings.json 加上 workbench.colorCustomization,並指定 statusBar.backgroundstatusBar.noFolderBackground 顏色即可。

Conclusion


  • 這樣可以單獨設定 status bar 底色,不用再依賴 theme 的配色

Reference


VS Code, Theme Color

2019-03-10