Question 226271 in Visual Studio Code Question posted in
View the official documentation.

Visual Studio Code – How to set vscode code block background color?

sorry for confusing, just updated image

How can I set a new color to code block that I have marked in the picture?

which property I should set in "workbench.colorCustomizations"?

can I achieve it without adding a new extension?

theme

the color that I marked in picture should change with my settings

Tags:

2

Answers


  1. 0

    If you want to change the background of the editor panels, the colour customization point you’re looking for is editor.background. Ex.

    "workbench.colorCustomizations": {
    "editor.background": "#ff0000" // TODO
}

    For code blocks rendered in things like Markdown Preview and extension pages, use textCodeBlock.background.

    Login or Signup to reply.
  2. 0

    You can set the background color use "workbench.colorCustomization", inside that you can give "editor.background" color value what you want. This is the example from my code:

    workbench.colorCustomizations": {
     "tab.activeBackground": "#23272e",
     "tab.inactiveBackground": "#2c2f38",
     "tab.hoverBackground": "#323842",
     "activityBar.background": "#2c2f38",
     "activityBar.foreground": "#d7dae0",
     "activityBarBadge.background": "#d7dae0",
     "activityBarBadge.foreground": "#23272e",
     "badge.background": "#404754",
     "sideBar.background": "#282c34",
     "sideBar.foreground": "#abb2bf",
     "tab.activeBorder": "#d19a66",
     "editor.background": "#23272e",
     "editor.foreground": "#abb2bf",
     "button.background": "#404754",
     "debugToolBar.background": "#21252b",
     "descriptionForeground": "#abb2bf",
     "dropdown.background": "#1e2227",
     "dropdown.border": "#404754",
     "statusBar.background": "#404754",
     "titleBar.activeBackground": "#404754",
     "focusBorder": "#404754",
     "editorSuggestWidget.selectedBackground": "#2c313a",
     "panel.border": "#404754",
     "scrollbarSlider.background": "#4e566660",
     "scrollbarSlider.activeBackground": "#747d9180",
     "scrollbarSlider.hoverBackground": "#5a637580"
   },
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search