Visual Studio Code - テーマ - カスタマイズ


クラウディア 


1. 概要
2. エディタ全体の配色
3. テキスト項目の配色
4. 参考サイト

1. 概要

 いくつか、テーマをインストールして、試してみたものの・・・。  なかなか、100% 満足するというのは、難しいですな。  7~8 割程度、満足するものを使うしかない。  どうしても、満足できない場合は、その個所をカスタマイズするしかないですな。  最も詳しいのは、末尾のサイトで、その上の方もそのサイトを参照したりしているのですが、いかんせん、英語なので、翻訳しないと「TOEIC」赤点のわたしには、読めない。

2. エディタ全体の配色

 「settings.json」か「.code-workspace」に設定を記述します。

		"workbench.colorCustomizations":
		{
			"editor.設定項目": "#00FFFF"
		}
 いくつかわかっている、設定対象の名称を・・・。
設定項目 名 称 備考
エディタ背景色 editor.background

3. テキスト項目の配色

 これも前項同様、「settings.json」か「.code-workspace」に設定を記述します。

		"editor.tokenColorCustomizations":
		{
			"設定項目": "#00FFFF"
		}
 とセクションを分けなければならないし、色の形式は「#」で表現するようです。  さらに、特定のテーマに対してカスタマイズするには。

		"editor.tokenColorCustomizations":
		{
    		"[配色テーマ名]":
    		{
      			"設定項目": "値"
    		},
		}
 と記述するようです。  いくつかわかっている、設定対象の名称を・・・。
設定項目  名 称 備考
コメント表示色 comments

4. 参考サイト

 本ページは、下記のサイトを参考にさせていただきました。
VS Code で配色テーマをカスタマイズするには:Visual Studio Code TIPS」
「VScode でコメントの色だけ変える方法」
「Visual Studio Code の配色を好き勝手にカスタマイズした(settings.json) 」
「Theme Color | Visual Studio Code Extension API

audiobook.jp
audiobook.jp