私は通り抜けたhttps://code.visualstudio.com/docs/getstarted/theme-color-referenceが、コメントの色を変更するための設定を見つけることができないようです。
現在、Atom One Dark Themeを使用していますが、読みやすくするために色を少し明るくしたいと思っています。
私は通り抜けたhttps://code.visualstudio.com/docs/getstarted/theme-color-referenceが、コメントの色を変更するための設定を見つけることができないようです。
現在、Atom One Dark Themeを使用していますが、読みやすくするために色を少し明るくしたいと思っています。
回答:
1.15(2017年7月)あなたがからそれを変更することができますsettings.json Ctrl +,
"editor.tokenColorCustomizations": {
"comments": "#d4922f"
},
1.20(2018年1月)から、テーマごとに個別に行うこともできます。
"editor.tokenColorCustomizations": {
"[Atom One Dark]": {
"comments": "#d4922f"
}
},
適切なスコープを見つける:
開発者:TMスコープを検査します editor.action.inspectTMScopes
セレクターの優先順位:
https://code.visualstudio.com/blogs/2017/02/08/syntax-highlighting-optimizations#_textmate-themes
わかりました、その他の例(for 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
/**
そして*/
彼らは、コメントの色を設定した後、そのままご利用いただけます。真ん中の部分が色を変えています。
答えと@JohnnyDerpのコメントを拡張します。次を使用して、フォントの色とスタイルを変更できます。
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": "comment",
"settings": {
"fontStyle": "italic",
"foreground": "#C69650",
}
}
]
},
background
この方法で変更することはできません。色とスタイルのみを変更できます。2018年6月現在。
また、コメントpuntuation
(のような//
)の色の変更に関するいくつかのコメントへの回答として-独自のtextmateルールで個別に色付けする必要がありますが、2019年10月のリリースでそれを修正するための変更が行われる可能性があります-現時点では未解決の問題ですが、2019年10月のマイルストーンに追加されました。https://github.com/microsoft/vscode/milestone/102を参照してください
現時点では、トークンの色を設定内でカスタマイズできないようです。
最も目立つエディターの色は、インストールされている言語の文法に基づくトークンの色です。これらの色はカラーテーマによって定義されており、(現在)設定でカスタマイズすることはできません。
ソース:https://code.visualstudio.com/docs/getstarted/theme-color-reference
たとえば、C:\ Program Files(x86)\ Microsoft VS Code \ resources \ app \ extensions \ theme-monokaiのテーマフォルダーに移動し、monokai-color-theme.jsonファイルを編集すると、次のようになります。 「name」:「Comment」の行の場合、「foreground」の色を変更すると機能します。必ずプログラムを再起動してください。
マークが言ったように、しかし"scope":
後に追加する"comment"
「punctuation.definition.comment」
句読点も色付けするには、
例(
//
javescript |/* */
css |<!-- -->
html)。
"scope": ["comment", "punctuation.definition.comment"]
VSCodeのコメントの色を変更するには
ファイル->設定->設定
このプロジェクトのみを変更するには、[ワークスペース設定]タブを
選択します。すべてのプロジェクトで変更するには、[ユーザー設定]タブを選択します。
「settings.json」を検索し、「settings.jsonで編集」するオプションを探します
コメントの色設定を中括弧内のどこかに挿入します。
"editor.tokenColorCustomizations":{
"コメント": "#ff4"
}
現在のカラーテーマを上書きしていると文句を言うかもしれませんが、それは無視してください。
「editor.tokenColorCustomizations」のセクションがすでにある場合は、コメントの色を指定する行を追加するだけです。
Doc、Block、およびLineコメントの異なる色を使用するには:
"editor.tokenColorCustomizations": {
"[Cobalt2]": {
"textMateRules": [
{
"scope": [
"comment.block",
"punctuation.definition.comment.end",
"punctuation.definition.comment.begin"
],
"settings": {
"foreground": "#85b3f8",
"fontStyle": "bold"
}
},
{
"scope": [
"comment.block.documentation",
"punctuation.definition.comment.begin.documentation",
"punctuation.definition.comment.end.documentation"
],
"settings": {
"foreground": "#6bddb7",
"fontStyle": "bold"
}
},{
"scope":["comment.line", "punctuation.definition.comment"],
"settings": {
"foreground": "#FF0000",
"fontStyle": "bold"
}
}
]
}
}
C ++でテスト済み。
コメントの件名にコメントしているときに、VSCodeの「BetterComments」拡張機能が非常に役立つことがわかりました。あなたは、デフォルトのコメントの色を変更することもできるなど、あなたのコメントに様々な色を与えるので、重要性に基づいて、あなたのコメントを分類することができます。
https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
例:
この拡張機能は、ユーザー設定やワークスペースの設定で設定することができます。