如何修改VSCode中Git删除行提示图标样式及滚动栏提示颜色

1. 调整Git区域删除行提示图标大小 #

你可以通过两种方式修改：

• 基础配置调整：打开VS Code的settings.json，添加"git.diffDecorationsGutterWidth": 24（数值可按需增减），加宽Git差异显示的侧边栏，让图标更显眼。
• 自定义样式强化：安装Custom CSS and JS Loader扩展，添加以下自定义CSS放大删除行图标：

.monaco-editor .git-gutter-deleted {
    font-size: 18px !important;
    width: 20px !important;
}

2. 修改右侧滚动栏提示颜色 #

在settings.json的workbench.colorCustomizations中自定义滚动栏颜色，和语法错误提示区分开：

"workbench.colorCustomizations": {
    // 自定义Git差异在滚动栏的高亮色
    "scrollbarSlider.activeBackground": "#4CAF50",
    "scrollbarSlider.background": "#81C784",
    // 语法错误提示色可单独保留或修改
    "editorError.background": "#ff4444"
}

如果是针对特定主题修改，加上主题前缀即可：

"workbench.colorCustomizations": {
    "[Monokai]": {
        "scrollbarSlider.activeBackground": "#4CAF50",
        "editorError.background": "#ff4444"
    }
}

内容的提问来源于stack exchange，提问作者magiceses