How to change the color of the title bar of console on Visual Studio Code?-CodePudding

How do I change the color of the title bar of the terminal? If not, how do I add a border to the terminal so that I can see a line separation between the editor and the integrated terminal?

Add the following new property into your settings.json:

"workbench.colorCustomizations": {
   "[YOUR_COLOR_SCHEME_NAME]": {
     "panel.background": "#ff0000"  // Replace #ff0000 with your color of choice
  }
},

Replace YOUR_COLOR_SCHEME_NAME with the name of the color scheme you are using. For example, if my color scheme is called "Monokai Pro", I write "[Monokai Pro]": { in the second line.

CodePudding user response：

See my answer here: Change background and font in "Problems" panel in vscode

"workbench.colorCustomizations": {
   "panel.background": "#0b698f",
   "panel.border": "#ff510060"
}

There is currently no way to separately color just the "title bar" area of the Panel. You would have to color the entire Panel to change the color of that area. Here are the Panel colors that can be changed: Panel theme colors. panelTitle might be of interest to you.