Цветные пиксели в полосе прокрутки в VS Code

Question

Я недавно начал использовать VS Code, и я заметил, что на полосе прокрутки появляются маленькие цветные пиксели:

Кажется, они что-то указывают на исходный код, но я не смог найти документацию для этого.Поэтому у меня следующие вопросы:

• Как называется эта функция?
• Где она задокументирована?
• Можно ли отключить эту функцию, и если да, токак?

РЕДАКТИРОВАТЬ:

• После прочтения ответа @ idleberg я установил scm.diffDecorations в "none" и перезапустил VS Code, вновь открытые файлы и т. д., но украшения все еще сохраняются.
• Я перешел по ссылке в ответе @ Moffen и установил "editor.hideCursorInOverviewRuler" на true, но оказалось, чтоконтролирует другую функцию.Кроме того, у меня уже было "editor.minimap.enabled", установленное на false, но мини-карта отличается от украшений полосы прокрутки.
• Я использую версию 1.23.1 кода VS в Ubuntu 18.04.

Answer 1

Зеленые отметки - это изменения, которые вы сохранили, желтые отметки - это изменения, которые не были сохранены.Красным цветом отмечены места ошибок.

Вы можете увидеть, как отключить функции здесь

Answer 2

Функция называется Обзор линейки .Мне не удалось найти конкретную документацию, за исключением некоторых разреженных примечаний :

Если вы откроете файл с ошибками или предупреждениями, они будут отображены в тексте и вобзорная линейка.

Связанные настройки включают в себя:

// 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 3

Эти декораторы действительно указывают на изменения в вашем источнике.Добавлен код зеленой метки, код красной метки удален.Вы можете отключить это в настройках под ключом 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