VSCode のテーマカスタマイズ

```json
{
  "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"      // 演算子 (+, -, *, /, == など)
  }
}
```
```json
{
  "workbench.colorCustomizations": {
    "editorBracketHighlight.foreground1": "#FF0000", // 括弧のハイライト色（赤）
    "editorBracketHighlight.foreground2": "#00FF00", // 緑
    "editorBracketHighlight.foreground3": "#0000FF", // 青
    "editorBracketHighlight.unexpectedBracket.foreground": "#FF00FF", // 間違った括弧の色
    "dart.closingLabels": "#FFA500" // showClosingLabels の色をオレンジにする
  }
}
```

```json
{
  "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  | 下線を引く            |
| "" (空白)  | デフォルトのスタイル  |

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

```

```json
{
  "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" // 関数の括弧にヒントを表示
}
```