更改 VSCode 小地图颜色

Question

我在 VSCode 主题文档的任何地方都找不到如何更改小地图的颜色（背景、突出显示...），有人可以帮我解决这个问题吗？

谢谢。

Answer 1

我认为这些设置可以被覆盖。转到 VSCode 设置，在 workbench.colorCustomizations 设置下，您感兴趣的是以 scrollbarSlider.*.

开头的设置

查看 https://code.visualstudio.com/docs/getstarted/themes 了解更多信息。

希望对您有所帮助

Answer 2

这个我打了一会，原来是"editor.background"，不过要重启vscode才能生效

Answer 3

这对我有用：

"workbench.colorCustomizations": {
   "scrollbarSlider.activeBackground": "#62fa1b",
   "scrollbarSlider.hoverBackground": "#fa2a1b",
   "scrollbarSlider.background": "#c97554",
},

credit

Answer 4

从 VS Code 1.43.0 开始，您可以使用 settings.json 中的以下设置更改小地图的不透明度和背景颜色：

"workbench.colorCustomizations": {
    "minimap.background" : "#00002299"
}

我通过转到文件 | 找到了这个偏好 |设置，在搜索框中输入 "workbench.colorCustomizations"，然后单击 "Edit in settings.json"。

这些是十六进制数，颜色通道的顺序是 RGBA，所以这个例子给出了一个非常深的蓝色背景，并且可以在小地图后面看到来自编辑器的（全尺寸）字符。

Answer 5

以下是我如何同步自定义的 minimapSlider 和 scrollbarSlider。

"workbench.colorCustomizations": {
  "scrollbarSlider.background": "#0000001a",
  "minimapSlider.background": "#0000001a",
  "scrollbarSlider.hoverBackground": "#00000028",
  "minimapSlider.hoverBackground": "#00000028",
  "scrollbarSlider.activeBackground": "#00000028",
  "minimapSlider.activeBackground": "#00000028",
},

Answer 6

要始终显示小地图滑块（无需鼠标悬停），请转到文件|首选项|设置和搜索（输入）：“minimap show slider”。

将默认的“鼠标悬停”更改为“始终”。

更改 VSCode 小地图颜色

Change VSCode minimap colors

visual-studio-code

vscode-settings