VSCode のテーマカスタマイズ

{
  "editor.tokenColorCustomizations": {
    "comments": "#6A9955",      // コメントの色
    "keywords": "#C586C0",      // キーワード (if, for, while など)
    "functions": "#DCDCAA",     // 関数名
    "strings": "#CE9178",       // 文字列 ("" や '' で囲まれたもの)
    "numbers": "#B5CEA8",       // 数値 (123, 3.14 など)
    "variables": "#9CDCFE",     // 変数
    "types": "#4EC9B0",         // 型 (int, String, List など)
    "operators": "#D4D4D4"      // 演算子 (+, -, *, /, == など)
  }
}

{
  "workbench.colorCustomizations": {
    "editorBracketHighlight.foreground1": "#FF0000", // 括弧のハイライト色（赤）
    "editorBracketHighlight.foreground2": "#00FF00", // 緑
    "editorBracketHighlight.foreground3": "#0000FF", // 青
    "editorBracketHighlight.unexpectedBracket.foreground": "#FF00FF", // 間違った括弧の色
    "dart.closingLabels": "#FFA500" // showClosingLabels の色をオレンジにする
  }
}

{
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "comment",
        "settings": {
          "foreground": "#6A9955",
          "fontStyle": "italic" // イタリックを適用
        }
      },
      {
        "scope": "keyword",
        "settings": {
          "foreground": "#C586C0",
          "fontStyle": "bold" // キーワードを太字にする
        }
      },
      {
        "scope": "variable",
        "settings": {
          "foreground": "#9CDCFE"
        }
      },
      {
        "scope": "string",
        "settings": {
          "foreground": "#CE9178"
        }
      },
      {
        "scope": "constant.numeric",
        "settings": {
          "foreground": "#B5CEA8"
        }
      },
      {
        "scope": "entity.name.function",
        "settings": {
          "foreground": "#DCDCAA"
        }
      }
    ]
  }
}

scope	説明
comment	コメント (// や /* */)
keyword	キーワード (if, for, while, return, class など)
string	文字列 ("hello" や 'world')
variable	変数名
constant.numeric	数値 (123, 3.14, 0xFF など)
constant.language	null, true, false など
constant.character.escape	エスケープシーケンス (\n, \t, \uXXXX など)
entity.name.function	関数名
entity.name.class	クラス名
entity.name.type	型名 (int, String, bool, List など)
entity.name.tag	HTML/XML のタグ (<div>, <span> など)
entity.other.attribute-name	HTML/XML の属性 (class="...", id="..." など)
support.function	組み込み関数
support.type	組み込みの型 (Map, Set, DateTime など)
storage.type	型定義 (var, let, const など)
storage.modifier	public, private, static, final など
meta.preprocessor	プリプロセッサ (#define, #include など)
punctuation.definition.string	文字列のクォート (", ')
punctuation.separator	;, , など
punctuation.terminator	文の終端 (;)
operator	演算子 (+, -, *, /, == など)

設定	説明
bold	太字にする
italic	斜体にする
underline	下線を引く
"" (空白)	デフォルトのスタイル

{
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "keyword",
        "settings": {
          "foreground": "#C586C0",
          "fontStyle": "bold italic" // キーワードを太字 + 斜体
        }
      }
    ]
  }
}

{
  "editor.guides.bracketPairs": "active",  // アクティブな括弧のペアを強調表示
  "editor.guides.bracketPairsHorizontal": "active", // 横方向のガイドを表示
  "editor.bracketPairColorization.enabled": true,  // 括弧の色付けを有効化
  "editor.inlayHints.enabled": "on",  // 関数やウィジェット名のヒントを表示
  "editor.inlayHints.parameterNames.enabled": "all",  // パラメータ名のヒントも表示
  "editor.inlayHints.typeHints.enabled": true // 型ヒントの表示
  "dart.previewFlutterUiGuides": true,  // Flutter UI ガイドを有効にする
  "dart.showClosingLabels": true, // 括弧の閉じる側にウィジェット名を表示
  "editor.inlayHints.enabled": "on" // 関数の括弧にヒントを表示
}