更改 VSCode 小地图颜色答案

【问题标题】：Change VSCode minimap colors更改 VSCode 小地图颜色
【发布时间】：2018-11-11 09:51:57
【问题描述】：

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

谢谢。

【问题讨论】：

标签： visual-studio-code vscode-settings

【解决方案1】：

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

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

希望对你有帮助

【讨论】：

是的，我已经调整了workbench.colorCustomizations 但scrollbarSlider 键不会影响小地图:(
否则，看看gist.github.com/Hendrixer/7a250a2be529cda8939de8305c9a85a1
scrollbarSlider 只会影响滚动条滑块，不幸的是不会影响小地图 bg :(

【解决方案2】：

这个我打了一段时间，原来是“editor.background”，但是你必须重启vscode才能生效。

【讨论】：

点评来源：嗨，这篇文章似乎没有为问题提供quality answer。请编辑您的答案并改进它，或者将其作为评论发布。

【解决方案3】：

这对我有用：

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

credit

【讨论】：

【解决方案4】：

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

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

我通过转到 File | 来达到这个目的。偏好 |设置，在搜索框中输入“workbench.colorCustomizations”，然后点击“在settings.json中编辑”。

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

【讨论】：

需要说明的是，背景颜色的 alpha 通道会影响整个不透明度，从而使前景（文本颜色）变得透明，这反过来又会降低可读性。 github.com/microsoft/vscode/issues/92490
顺便说一句，伟大的尼克
您还可以使用{ "[your_theme]" : {"minimap.background": ...} }更改特定主题的颜色
试试#1e1e1e33，它是vscode默认主题背景的准确颜色。最后两个字符控制不透明度。

【解决方案5】：

以下是我同步自定义 minimapSlider 和 scrollbarSlider 的方法。

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

【讨论】：