VisualStudioCode シンタックスハイライトの色を変更する

こんにちは。レモンティーです。

今回は、VS Codeのシンタックスハイライトの一部の色を変更する方法です。VS Codeは拡張機能でいろんな人が作ったテーマを使用できますよね。でも使っていると「ほぼ気に入っているけど事情があってコメントの色だけ変えたい」みたいなこともあるかと思います。そこで今回は例としてコメントの色を変更します。
code.visualstudio.com

シンタックスハイライトの色は設定のEditor: Token Color Customizationsの項目から変更できます。「setting.jsonで編集」をクリックするとsetting.jsonが開きますのでそこに書き込んでいきます。テーマを切り替える際に不便にならないようにテーマごとにカスタマイズできるようで、たとえばNordというテーマを使用している間だけコメントの色を変えるには以下のようにします。

setting.json

{
    "editor.tokenColorCustomizations": {
        "[Nord]": {
            "textMateRules": [
                {
                    "name": "Comment",
                    "scope": "comment",
                    "settings": {
                      "foreground": "#ffffff"
                    }
                  },
                  {
                    "name": "Punctuation Definition Comment",
                    "scope": [
                      "punctuation.definition.comment",
                      "punctuation.end.definition.comment",
                      "punctuation.start.definition.comment"
                    ],
                    "settings": {
                      "foreground": "#ffffff"
                    }
                  },
            ]
        }
    }
}


他にも

setting.json

{
    "editor.tokenColorCustomizations": {
        "comments":"#880000"
    }
}

このような書き方もできるのですが、この場合コメント本体は色が変わるもののコメントを示す//や/**/は変更されず、下の画像のように別々の色になってしまいます。punctuation.definition.commentの指定も必要っぽいです。間違っていたらすみません。コメント等で教えてください...
f:id:sawalemontea:20190412211057p:plain


また、TextMateについて知りたい場合はここが紹介されていました。
www.apeth.com
ただ、今回はコメントだけなのでこれを読んだわけではなく拡張機能のソースのjsonをcommentで検索してでてきた部分をsetting.jsonにコピペして色コードの部分を変えました。リンク先はもっと色々いじりたい人向けかと思います。拡張機能のソースとかは私の場合C:/Users/user/.vscode/extensionsにありました。


今回はこれでおしまいです。