VS Code中滚动条中的彩色像素

Question

我最近开始使用VS Code,我注意到滚动条中有很少的彩色像素,如下所示:

它们似乎表明了源代码的一些内容,但我无法找到相关的文档.所以我的问题如下:

• 这个功能的名称是什么？
• 它在哪里记录？
• 是否可以禁用此功能,如果是,如何禁用？

编辑:

• 看完后@idleberg的回答,我设置scm.diffDecorations到"none"并重新启动VS代码,重新打开文件等,但装饰仍然存在.
• 我跟着链接@Moffen的答案,我设置"editor.hideCursorInOverviewRuler"到true,但事实证明,控制不同的功能.此外,我已经"editor.minimap.enabled"设置false,但小地图是与滚动条装饰不同的功能.
• 我在Ubuntu 18.04上运行VS Code 1.23.1版.

Answer 1

该功能称为概述标尺。除了一些稀疏的注释，我一直找不到特定的文档：

如果打开包含错误或警告的文件，则这些文件将在文本和概览标尺中内联显示。

相关设置包括：

// Controls if the cursor should be hidden in the overview ruler.
"editor.hideCursorInOverviewRuler": false,

// Controls if a border should be drawn around the overview ruler.
"editor.overviewRulerBorder": true,

// Controls the number of decorations that can show up at the same position in the overview ruler
"editor.overviewRulerLanes": 3

…还有一些可配置的颜色，这是我找到的最彻底的解释：

概述标尺

此标尺位于编辑器右边缘的滚动条下方，并提供编辑器中装饰的概述。

• editorOverviewRuler.border：概述标尺边框的颜色。
• editorOverviewRuler.findMatchForeground：概述标尺标记颜色用于查找匹配。颜色必须不透明，以不隐藏基础装饰。
• editorOverviewRuler.rangeHighlightForeground：高亮范围的概述标尺标记颜色，例如“快速打开”，“文件中的符号”和“查找”功能。颜色必须不透明，以不隐藏基础装饰。
• editorOverviewRuler.selectionHighlightForeground：概述标尺标记颜色用于选择突出显示。颜色必须不透明，以不隐藏基础装饰。
• editorOverviewRuler.wordHighlightForeground：符号突出显示的概述标尺标记颜色。颜色必须不透明，以不隐藏基础装饰。
• editorOverviewRuler.wordHighlightStrongForeground：概述标尺标记颜色，用于写访问符号突出显示。颜色必须不透明，以不隐藏基础装饰。
• editorOverviewRuler.modifiedForeground：概述标尺标记颜色的修改内容。
• editorOverviewRuler.addedForeground：概述标尺标记颜色以添加内容。
• editorOverviewRuler.deletedForeground：已删除内容的概述标尺标记颜色。
• editorOverviewRuler.errorForeground：概述标尺标记颜色出现错误。
• editorOverviewRuler.warningForeground：概述标尺标记颜色，用于警告。
• editorOverviewRuler.infoForeground：概述标尺刻度颜色的相关信息。
• editorOverviewRuler.bracketMatchForeground：概述括号匹配的标尺标记颜色。

Answer 2

这些装饰器确实表明了源的变化.添加了绿色标记代码,删除了红色标记代码.您可以在设置下的键禁用此scm.diffDecorations(可能值:all,gutter,overview,none.)

要隐藏滚动条中的指示符,您可以覆盖主题样式以使指示符透明:

"workbench.colorCustomizations": {
    // Scrollbar
    "editorOverviewRuler.addedForeground": "#0000",
    "editorOverviewRuler.modifiedForeground": "#0000",
    "editorOverviewRuler.deletedForeground": "#0000",

    // Gutter (same as tweaking scm.diffDecorations?)
    "editorGutter.addedBackground": "#0000",
    "editorGutter.modifiedBackground": "#0000",
    "editorGutter.deletedBackground": "#0000
}

注意:该示例使用#RGBA简写而不是#RRGGBBAA