notebook.outputContainerBackgroundColor
notebook output container background color. The Color of the notebook output container background.
Group: Notebook colors
Where notebook output container background color paints
This sample moves from #252526 to #1a5276, then back.
How to change notebook output container background color color in Visual Studio Code
macOS
- Open settings.json. Press Shift+Command+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
- Set this color id. Add notebook output container background color under workbench.colorCustomizations. The Color of the notebook output container background. Use a hex color such as #1a5276.
- Save the file. Press Command+S to save settings.json. Visual Studio Code applies the override on top of the active color theme. Remove the entry to use the theme color again.
Windows
Linux uses the same shortcuts.
- Open settings.json. Press Shift+Ctrl+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
- Set this color id. Add notebook output container background color under workbench.colorCustomizations. The Color of the notebook output container background. Use a hex color such as #1a5276.
- Save the file. Press Ctrl+S to save settings.json. Visual Studio Code applies the override on top of the active color theme. Remove the entry to use the theme color again.
{
"workbench.colorCustomizations": {
"notebook.outputContainerBackgroundColor": "#1a5276"
}
}Other Notebook colors
- notebook.editorBackground
Notebook background color.
- notebook.cellBorderColor
The border color for notebook cells.
- notebook.cellHoverBackground
The background color of a cell when the cell is hovered.
- notebook.cellInsertionIndicator
The color of the notebook cell insertion indicator.
- notebook.cellStatusBarItemHoverBackground
The background color of notebook cell status bar items.
- notebook.cellToolbarSeparator
The color of the separator in the cell bottom toolbar
- notebook.cellEditorBackground
The color of the notebook cell editor background
- notebook.focusedCellBackground
The background color of a cell when the cell is focused.
- notebook.focusedCellBorder
The color of the cell's focus indicator borders when the cell is focused.
- notebook.focusedEditorBorder
The color of the notebook cell editor border.
- notebook.inactiveFocusedCellBorder
The color of the cell's top and bottom border when a cell is focused while the primary focus is outside of the editor.
- notebook.inactiveSelectedCellBorder
The color of the cell's borders when multiple cells are selected.
- notebook.outputContainerBorderColor
The border color of the notebook output container.
- notebook.selectedCellBackground
The background color of a cell when the cell is selected.
- notebook.selectedCellBorder
The color of the cell's top and bottom border when the cell is selected but not focused.
- notebook.symbolHighlightBackground
Background color of highlighted cell
- notebookScrollbarSlider.activeBackground
Notebook scrollbar slider background color when clicked on.
- notebookScrollbarSlider.background
Notebook scrollbar slider background color.
- notebookScrollbarSlider.hoverBackground
Notebook scrollbar slider background color when hovering.
- notebookStatusErrorIcon.foreground
The error icon color of notebook cells in the cell status bar.
- notebookStatusRunningIcon.foreground
The running icon color of notebook cells in the cell status bar.
- notebookStatusSuccessIcon.foreground
The success icon color of notebook cells in the cell status bar.
- notebookEditorOverviewRuler.runningCellForeground
The color of the running cell decoration in the notebook editor overview ruler.