20
19

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 5 years have passed since last update.

VSCodeでステータスバーの色を変える

Last updated at Posted at 2017-04-03

デフォルトのステータスバーの色、どぎつい青で目がやられます。
image

じゃあテーマを変えますか、となるのですが、どのテーマでも同じ色!
どうもテーマでは変えられいないみたいです。
(追記: v1.12から変更可能になったようです:tada:)

ではどうするか。設定ファイルにこうじゃ。

{
  "editor.tabSize": 2,
  :
  // 以下を追加
  "workbench.colorCustomizations": {
      "statusBar.background": "#111111",
      "statusBar.noFolderBackground": "#111111",
      "statusBar.debuggingBackground": "#111111",
  }
}

image

その他の場所も細かくカスタマイズできるようになったようです。詳細は以下参照
https://code.visualstudio.com/docs/getstarted/theme-color-reference

ちなみにv1.12以前ではinsiders版で以下の通りの対応が必要でした。

{
  "editor.tabSize": 2,
  :
  // 以下を追加
  "workbench.experimental.colorCustomizations": {
    "statusBarBackground": "#111111",
    "statusBarNoFolderBackground": "#111111",
    "statusBarDebuggingBackground": "#111111"
  }
}
20
19
2

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
20
19

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?