##こういう人向けの記事
-
プログラミング初学者で、VScodeのデフォルト設定に少し飽きてきた人
-
ファイル毎に色分けして作業・管理したい人
-
変数や関数・文字列・コメントアウトの色を個別にカスタマイズしたい人
##【手順】
-
色の設定は、基本
"editor.tokenColorCustomizations"
で行う -
設定画面から検索 → setting.jsonで編集
-
全体の設定は「ユーザー」、ファイル個別の設定は```「ワークスペース」で行う
##タイトルバー(上)とステータスバー(下)の色を変更
"titleBar.activeBackground": "#ff7f50", //タイトルバーファイル展開
"titleBar.activeForeground":"#fff", //タイトルバーの文字色
"statusBar.background":"#00ada9", //ステータスバー(ファイル展開時)
"statusBar.foreground": "#fff", // ステータスバー文字色
##関数・変数・文字列・コメントアウトの色を変更
"editor.tokenColorCustomizations": {
"comments": "#719bad", //コメントアウトの色
"keywords": "#20b2aa",// 定数・変数宣言 const let
"functions": "#e3e548", //関数 メソッド
"numbers": "#e7e7eb", //数字
"strings": "#b28c6e",//文字列
"variables": "#e3acae",//変数の色とスタイル
}
####興味があれば、公式サイトへ。 無限にカスタマイズできます。
[公式サイト] https://code.visualstudio.com/api/references/theme-color
####色をお探しならコチラ。 選ぶだけで1日終わる。
[洋色大辞典] https://www.colordic.org/y