jupyterlab/style/sidebar.css

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-DebuggerSidebar {
  display: flex;
  flex-direction: column;
  color: var(--jp-ui-font-color1);
  background: var(--jp-layout-color1);
  font-size: var(--jp-ui-font-size1);
  min-width: 350px !important;
}

.jp-DebuggerSidebar > div > header {
  border-bottom: solid var(--jp-border-width) var(--jp-border-color1);
  border-top: solid var(--jp-border-width) var(--jp-border-color1);
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--jp-layout-color2);
  height: 24px;
}

.jp-DebuggerSidebar > div.jp-DebuggerVariables > header {
  border-top: none;
}

.jp-DebuggerSidebar > div > header > span {
  text-transform: uppercase;
  font-weight: 600;
  font-size: var(--jp-ui-font-size0);
  color: var(--jp-ui-font-color1);
  padding-left: 8px;
  padding-right: 4px;
}

.jp-DebuggerSidebar .jp-Toolbar {
  background: var(--jp-layout-color2);
  box-shadow: none;
}