如何更改visual studio代码中的注释颜色?

问题描述 投票:39回答:5

我经历了https://code.visualstudio.com/docs/getstarted/theme-color-reference,但似乎无法找到更改评论颜色的设置。

我目前正在使用Atom One Dark Theme,只是想稍微减轻颜色,这样我就能更好地阅读它。

visual-studio-code vscode-settings
5个回答
89
投票

1.15 (July 2017)你可以从settings.json Ctrl +更改它,

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

1.20 (January 2018)你也可以分别为每个主题做:

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

找到合适的范围:

开发人员:Inspect TM Scopes editor.action.inspectTMScopes

demo tm inspect command

选择器优先级:

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 enter image description here punctuation.definition.comment enter image description here comment.block.documentation enter image description here storage.type.class.jsdoc enter image description here entity.name.type.instance.jsdoc enter image description here variable.other.jsdoc enter image description here


9
投票

扩大答案和@Johnny Derp的评论。您可以使用以下方法更改字体颜色和样式:

"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "comment",
        "settings": {
          "fontStyle": "italic",
          "foreground": "#C69650",
        }
      }
    ]
  },

background不能以这种方式改变,只有颜色和风格。截至2018年6月。


5
投票

转到您的设置。 enter image description here

然后搜索settings.json enter image description here打开文件,然后添加以下代码行:

"editor.tokenColorCustomizations": {

        "comments": "#229977"
    },

根据您的喜好,通过将鼠标悬停在颜色上并选择所需的颜色来更改注释的颜色。 enter image description here然后保存更改。(Ctrl + S)退出程序。再次打开它,你会看到变化。 enter image description here


4
投票

看起来目前在设置中无法自定义令牌颜色:

最突出的编辑器颜色是基于安装的语言语法的标记颜色。这些颜色由颜色主题定义,并且(当前)不能在设置中自定义。

资料来源: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文件,看看对于具有“名称”的行:“注释”并更改它将起作用的“前景”颜色。只需确保重新启动该程序。


2
投票

像马克说的那样,但在"scope":之后加入"comment"

“punctuation.definition.comment”

为标点着色,

例如(jaz中的qazxsw poi | css中的qazxsw poi | html中的qazxsw poi)。

//

1
投票

更改VS Code注释颜色

文件 - >首选项 - >设置

选择“工作区设置”选项卡以仅为此项目更改它 选择“用户设置”选项卡以更改所有项目

搜索“settings.json”并查找“在settings.json中编辑”选项

在大括号内的某处插入此颜色设置:

“editor.tokenColorCustomizations”:{ “评论”:“#ff4” }

它可能会抱怨你覆盖了当前的颜色主题,只是忽略它。

如果已有“editor.tokenColorCustomizations”部分,则只需添加该行以指定注释颜色。

© www.soinside.com 2019 - 2024. All rights reserved.