使 Status Bar 支援 Dark Mode | 點燈坊

VS Code 並不是所有的 Theme 都有控制 Status Bar 顏色，伴隨著 macOS 的 Dark Mode 之後，我們也可以自行設定 VS Code 的 Status Bar 配合 Dark Mode。

Version

macOS Catalina 10.15.6
VS Code 1.47.2

settings.json

"workbench.colorCustomizations": {
  "statusBar.background": "#303030",
  "statusBar.noFolderBackground": "#303030",
  "focusBorder": "#303030"
},  

將以上三個 property 設定成深色。

Conclusion

• 較容易忽略的是 focusBorder，唯有將 pointer 移到 status bar 時才會發現 border 成為預設的藍色，因此要特別設定