Change VSCode minimap colors

I fought this one for a while, turns out it's "editor.background" but you have to restart vscode for it to take effect.

this works for me:

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

credit

Starting in VS Code 1.43.0, you can change the minimap opacity and background color with the following setting in settings.json:

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

I reached this by going to File | Preferences | Settings, typing "workbench.colorCustomizations" in the search box, and clicking "Edit in settings.json".

These are hexadecimal numbers and the order of the color channels is RGBA, so this example gives a very dark blue background and (full-size) characters from the editor can be seen behind the minimap.

Here's how I sync up my customized minimapSlider and scrollbarSlider.

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