Get the App
SLTechnology News&Howtos  ›  Internet Technology  › 

How to change the background of the code editing environment for vscode

Shulou Source: shulou.com Published: 2022-06-02 17:31:46 11月14日 Update

Editor to share with you how to change the background of the vscode code editing environment, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's learn about it!

How do I change the background of the code editing environment for VSCODe? VSCode modifies the editor (code window) background color

The background color of VSCode is defined in the theme, so the background color of the editor, that is, the code window, cannot be modified in the settings of vscode. For comrades who want to customize the background of the editor, you can do so by modifying the theme file, and the operation is not complicated:

Operation

If your VSCode uses a built-in theme, you can go directly to the VSCode installation directory to find:\ resources\ app\ extensions this directory, the folder that begins with theme- indicates that it is a theme folder, according to your current theme name to find the corresponding folder to modify, there is a more detailed description in the reference link given above. This article focuses on how to modify the background color of folders of currently used themes that cannot be found in this directory.

If you can't find the files for the theme you are currently using, you may be using the green version (unzipped version) of VSCode like me. Of course, if you can't find it, you can try it this way.

Steps

The theme I use is Brackets Light Pro:

In your user directory: C:\ Users [your user name] .vscode\ extensions stores the third-party plug-ins you downloaded from vscode's plugin library, and of course, the theme will be here, so finding the folder in your directory that contains the name of your current theme is the theme folder to be modified later.

The name of my folder here is: eryouhao.brackets-light-pro-0.3.3. Go to the themes folder under this folder, find a file like Brackets Light Pro-color-theme.json, open it with notepad, and modify the corresponding value of editor.background:

After the modification, restart vscode and you can see the effect.

The above is all the content of the article "how to change the background of vscode's code editing environment". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Tags: File theme folder background directory code environment name article editor content plug-in user former place reference complex not much that is through comrade Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Shulou Information Linux Microsoft Apple vpn