Help us understand the problem. What is going on with this article?

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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした