如何自定义差异编辑器更改的文本颜色答案

【问题标题】：How can I customize the text colors for the diff editor changes如何自定义差异编辑器更改的文本颜色
【发布时间】：2019-08-30 08:28:45
【问题描述】：

使用 colorTheme Dark Pro Vidid 运行 VS Code 1.37.1，我正在尝试在我自己的配置中自定义主题，以增加差异编辑器中的可见性。我想降低背景颜色对比度，并显着提高轮廓更改文本区域的可见性。

默认主题颜色的差异编辑器

注意 L7 上的“argument_removed”和 L12 上的“argument_added”的突出显示。

当我尝试使用时

"workbench.colorCustomizations": {
    "diffEditor.removedTextBackground": "#300000",
    "diffEditor.insertedTextBackground": "#002800"
}

我得到以下结果：

具有颜色自定义功能的差异编辑器

可以看出，设置这些颜色会完全移除高亮颜色。

如何更改高亮颜色？这些主题设置是什么？

【问题讨论】：

另见：How to change diff color Visual Studio Code

标签： visual-studio-code

【解决方案1】：

你必须设置一个transparency to the colors 并且你必须选择更亮一点的颜色才能看到装饰。我在演示中使用了一些随机颜色。

{
  "workbench.colorCustomizations": {
    "diffEditor.removedTextBackground": "#a0a00050",
    "diffEditor.insertedTextBackground": "#00a0a050"
  }
}

您可以尝试为您的颜色和主题设置正确的透明度。

【讨论】：

谢谢。线条和装饰之间的对比度似乎是固定的，因此设置明亮的装饰也会导致背景明亮。无论高或低 alpha 和/或颜色值。是否有单独的变量来设置对比度？

【解决方案2】：

刚刚添加了两个新的colorCustomizations 用于添加和删除的行。很快就会出现在 Insiders Build v1.65 中。

{
  "workbench.colorCustomizations": {
     "diffEditor.insertedLineBackground": "#22336866",
     "diffEditor.removedLineBackground": "#72336a66"
  }
}

见https://github.com/microsoft/vscode/issues/103207#issuecomment-1044647883

【讨论】：