visual studio code - Är det möjligt att tona ner TypeScript-typannoteringarna i VSCode?

Jag läser en massa TypeScript-kod just nu i VSCode och enligt min smak gör det det svårare att skumma igenom koden om typannoteringarna får samma syntaxmarkering som koden.

Jag har försökt anpassa syntaxmarkören för att dämpa (eller till och med göra grå) typannoteringarna med vscode.settings, men utan större framgång.

Är det möjligt att uppnå en förändring som visas i den bifogade bilden eller slösar jag bara bort min tid på detta?

@emeraldsanto föreslog detta (modifierat för att bara gälla alla teman)

"editor.tokenColorCustomizations": {
  "types": "#C0C0C0"
}

Men det är bara halvvägs... finns det något som kan göras åt de nästlade typerna?

{edit 2} Faktiskt är det långt ifrån där jag ville vara eftersom det här gör alla typer gråa, även saker som new Promise<> i koden blir gråa. Det är inte valfri typinformation utan kritisk kod :(

Det bästa jag har lyckats med hittills är att se det från andra hållet och markera parameternamnen med fetstil.

    "editor.semanticTokenColorCustomizations": {
        "rules": {
            "parameter.declaration": {
                "bold": true
            },
            "interface": "#C0C0C0"
        }
    }

Jag tror att min slutsats är att det jag verkligen vill ha helt enkelt inte är genomförbart just nu.

Svar #1

Ja. Krediter till @Parasomnopolis på reddit, återgiven här för din bekvämlighet (och för snabbare referens för googlare som inte hittade det där):

om du använder Visual Studio Light-temat, skulle du sätta följande i din vscode settings .json-fil:

"editor.tokenColorCustomizations":
{
    "[Visual Studio Light]":
    {
        "textMateRules": [
        {
            "scope": [
                "support.type.primitive.ts",
                "entity.name.type.ts",
                "meta.type.tuple.ts",
                "meta.type.annotation.ts",
                "meta.type.parameters.ts",
                "keyword.operator.type.ts",
                "meta.return.type.arrow.ts",
                "keyword.operator.type.annotation.ts",
                "meta.return.type.ts",
                "punctuation.definition.typeparameters.begin.ts",
                "punctuation.definition.typeparameters.end.ts"
            ],
            "settings":
            {
                "foreground": "#0000005e"
            }
        }]
    }
},

Byt ut "[Visual Studio Light]" mot namnet på det tema du använder.

Ändra "förgrund" till vilken färg du vill.

Du kan lägga till och ta bort omfattningar.

Du kan ta reda på textens områden i vscode genom att öppna kommandopaletten, sedan välja Developer:Inspect Tokens and Scopes, och sedan klicka på texten du vill undersöka.

Skärmdump :

Svar #2

Ja, du kan lägga till följande i din VSCode settings.json:

"editor.tokenColorCustomizations": {
  "[Verdandi]": {
    "types": "#C0C0C0"
  }
},

Du behöver ersätta Verdandi med namnet på ditt nuvarande tema.

Relaterade artiklar