Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change editor background color in vscode using editor.tokenColorCustomizations instead of workbench

I currently use { "workbench.colorCustomizations": { "editor.background": "#2B1B17" } } to change background colour of themes in visual studio code but as you know using workbench settings workbench.colorCustomizations I have to create a new .vscode/settings.json for each new project I start. I want to do it globally!. I wonder if is there a way to use global User settings.json to change the background colour of the theme, something like the one I use to change the comment's colour: "editor.tokenColorCustomizations": {"comments": "#82CAFF"}

Thank You

like image 654
Gus Avatar asked Feb 22 '20 05:02

Gus


People also ask

How do you change the color of the editor?

Go to Window > Preferences, then navigate to General > Editors > Text Editors. In the panel on the right, from the Appearance color options list select Background color, then use the color picker to choose the desired color (the System default checkbox must be unchecked).

How do I change the background in Visual Studio?

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.

How do I change the editor on VS Code?

Settings editor# To open the Settings editor, use the following VS Code menu command: On Windows/Linux - File > Preferences > Settings. On macOS - Code > Preferences > Settings.


1 Answers

Writing:

{
    "workbench.colorCustomizations": {
            "editor.background": "#2B1B17"
    }
}

In your user settings.json should work.

You can find this file in ~/.config/Code/User/settings.json if you use vscode on Linux.

like image 60
yopes Avatar answered Oct 20 '22 20:10

yopes