Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Change VSCode minimap colors

I can't find anywhere in VSCode theming docs how to change the colors of the minimap (background, highlight,...), can someone please help me with this?

Thanks.

like image 881
Emi-C Avatar asked Jun 01 '18 09:06

Emi-C


People also ask

What is minimap in VS Code?

Minimap# A Minimap (code outline) gives you a high-level overview of your source code, which is useful for quick navigation and code understanding. A file's minimap is shown on the right side of the editor. You can click or drag the shaded area to quickly jump to different sections of your file.

How do I change the color of my Visual Studio theme?

Here's how to change it to a different color theme. On the menu bar, select Tools > Options. In the options list, select Environment > General. In the Color theme list, choose between the default Dark theme, the Blue theme, the Blue (Extra Contrast) theme, and the Light theme.

Where is command palette in VS Code?

Accessing the VS Code Command Palette You can access the VS Code Command Palette in a number of ways. Shift + Command + P (Mac) / Ctrl + Shift + P (Windows/Linux). Note that this command is a reserved keyboard shortcut in Firefox. From the Application Menu, click View > Command Palette….


1 Answers

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.

like image 172
Qwertie Avatar answered Sep 18 '22 15:09

Qwertie