当前位置：网站首页>Vscode customize the color of each area

Vscode customize the color of each area

2022-07-01 08:32:00 【qq_ forty-five million eight hundred and sixty thousand nine hu】

One , open settings.json file

If you can't find this file , How can baidu open it .
Insert picture description here

Two , Add the following configuration , Can achieve similar idea Color configuration

 "workbench.colorCustomizations": {
    
    "editorGutter.background": "#313335",
    "editor.background": "#2B2B2B",
    "editor.selectionBackground": "#212483",
    "terminal.background": "#323232",
    "panel.background" : "#3C3F41",
    "statusBar.background" : "#3C3F41",
    "sideBar.background" : "#3C3F41",
    "activityBar.background": "#313335",
    "editorGroupHeader.border" : "#3C3F41",
    "editorGroupHeader.tabsBackground" : "#3C3F41",
    "tab.activeBackground" : "#3C3F41",
    "tab.activeBorder" : "#458EA8"
  },

Add ：
Insert picture description here
Where key value pairs , You can add , What is the name of the key corresponding to each position ？？
Please refer to the official website ： https://code.visualstudio.com/api/references/theme-color