VS Code でコメントの色を変更するにはどうすればいいですか? 質問する

VS Code でコメントの色を変更するにはどうすればいいですか? 質問する

私は通り抜けたhttps://code.visualstudio.com/docs/getstarted/theme-color-referenceしかし、コメントの色を変更する設定が見つからないようです。

現在、Atom One Dark Theme を使用していますが、読みやすくなるように色を少し明るくしたいと思っています。

ベストアンサー1

から1.15 (2017年7月)変更することができます設定.json Ctrl+,

"editor.tokenColorCustomizations": {
    "comments": "#d4922f"
},

から1.20 (2018年1月)テーマごとに個別に行うこともできます。

"editor.tokenColorCustomizations": {
    "[Atom One Dark]": {
        "comments": "#d4922f"
    }
},

または、複数のテーマの設定を一度に指定できるようになりました。"[Atom One Dark][Tomorrow Night Blue]": {...}

適切なスコープを見つける:

適切なスコープを見つけるには、トークンとスコープのインスペクターを開く必要があります。Ctrl+ Shift+を押してPコマンド パレットを開き、Developer: Inspect Editor Tokens and Scopes次のように入力して検索します。

ここに画像の説明を入力してください

選択します。これで、次のように、さまざまな構文をクリックして、構文の強調表示の範囲と情報を表示できます。

ここに画像の説明を入力してください

完了したら、 を押してEscトークンとスコープの検査モードを終了します。

セレクタの優先度:

https://code.visualstudio.com/blogs/2017/02/08/syntax-highlighting-optimizations#_textmate-themes



では、さらに例を挙げます ( についてjs):

"editor.tokenColorCustomizations": {
    "textMateRules": [{
        "scope": "INSERT_SCOPE_HERE",
        "settings": {
            "foreground": "#ff0000"
        }
    }]
}

comment ここに画像の説明を入力してください punctuation.definition.comment ここに画像の説明を入力してください comment.block.documentation ここに画像の説明を入力してください storage.type.class.jsdoc ここに画像の説明を入力してください entity.name.type.instance.jsdoc ここに画像の説明を入力してください variable.other.jsdoc ここに画像の説明を入力してください

おすすめ記事