更改 VS Code Markdown `code` 语法突出显示的样式

Gar*_*son 2 visual-studio-code

我刚刚在新机器上安装了 VS Code 1.70.0,并通过从旧机器复制来导入设置。settings.json我打开了一个 Markdown ( .md) 文件,奇怪的是,用反引号标记的代码段很难看到。例如,下面的“foo”和“bar”看起来都是相同的样式。

\n
foo `bar`\n
Run Code Online (Sandbox Code Playgroud)\n

我用放大镜放大了,但即使这样,样式看起来也与其他文本几乎相同\xe2\x80\x94,红色非常微弱。这是与以前相同的显示器,因此可能与新计算机上的视频驱动程序有关。

\n

是否有某种方法可以调整 VS Code 中 Markdown 的内联代码格式的语法突出显示?

\n

Ans*_*onH 10

是的,您可以通过以下方式调整颜色:

  1. 转到命令面板并找到“首选项:打开用户设置 (JSON)”

  2. settings.json它打开的文件中,添加以下字段:

    
    "editor.tokenColorCustomizations": {
      "[YOUR COLOR SCHEME]": {
         "textMateRules": [
          {
            "scope": "markup.inline.raw.string.markdown",
            "settings": {
              "foreground": "#aaff00",  // <-- Change your color here
            }
          }
        ]
      }
    }
    
    Run Code Online (Sandbox Code Playgroud)
  3. 在上述代码的第二行中,更改YOUR COLOR SCHEME为您正在使用的配色方案的名称。例如,我的配色方案称为“Monokai Pro”,因此第二行将是:

    "[Monokai Pro]" : {
    
    Run Code Online (Sandbox Code Playgroud)
  4. 将颜色更改为您在"foreground"字段中喜欢的颜色。例如,我正在使用#aaff00(石灰色),它是这样的:

    截屏

提示

你可能想知道我怎么知道该"scope"字段应该是"markup.inline.raw.string.markdown". 要查看标记内联代码属于哪个 TextMate 范围:

  1. 打开命令面板并搜索“开发人员:检查编辑器令牌和范围”

  2. 将鼠标插入符号放在 Markdown 内联代码中

    在此输入图像描述