Home > Blockchain >  Highlight Bracket VSC Tokyo Night
Highlight Bracket VSC Tokyo Night

Time:01-08

i wanna ask how to change color of highlight bracket in VSC theme TokyoNight

I wanna change this bracket <>

Preferences: Open Settings (JSON)

  • Add the following new property into your settings.json:

    "editor.tokenColorCustomizations": {
      "[Tokyo Night]": {
        "textMateRules": [
          {
            "scope": "punctuation.definition.tag",
            "settings": {
              "foreground": "#468992"  // <-- Change the color here
            }
          }
        ]
      }
    }
    
  • Save the file and the <> brackets should have a new color of #468992 New bracket color

  • You may wonder how do I know that punctuation.definition.tag is the corresponding property to the <> brackets. To check that:

    1. Open Command Palette using Ctrl Shift P
    2. Search for "Developer: Inspect Editor Tokens and Scopes" and press Enter.
    3. Place your cursor over an angle bracket: Token inspector
    •  Tags:  
    • Related