1
1

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 1 year has passed since last update.

【Visual Studio Code】既存のテーマを編集する方法

Posted at

環境

  • Microsoft Windows 10.0.22621
  • Visual Studio Code 1.75.1

手順

1. 編集したいテーマの .json ファイルを探す

テーマが入っているフォルダの場所

デフォルトのテーマ:C:\Users\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions
インストールしたテーマ:C:\Users\USERNAME\.vscode\extensions

目的のテーマのフォルダを開き,themes フォルダの中にある目的の .json ファイルを開く.

2. .json ファイルを編集する

.json ファイルを開くとこのようになっている.
image.png

例えば,ステータスバーの背景色の設定を変更または追加する場合は以下のように書き換える.

{
	"colors": {
		"statusBar.background": "#87B9B8",
		"statusBar.noFolderBackground": "#87B9B8",
		"statusBar.debuggingBackground": "#87B9B8"
	}
}

テーマカラーのカスタマイズは以下のリファレンスを参考にする.

1
1
0

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
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?