VScode カスタマイズ 【色】

こういう人向けの記事

• プログラミング初学者で、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