jupyterlab/packages/inspector/style/index.css

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

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

:root {
  --jp-private-inspector-tab-height: 24px;
  --jp-private-inspector-tab-width: 60px;

}

/*-----------------------------------------------------------------------------
| Inspector
|----------------------------------------------------------------------------*/

.jp-Inspector {
  border: none;
  outline: none;
}


/* default inspector items: hints */
.jp-InspectorItem.jp-HintsInspectorItem,
.jp-InspectorItem.jp-HintsInspectorItem .p-Widget {
  background: var(--jp-layout-color1);
}


.jp-InspectorItem.jp-HintsInspectorItem .jp-Toolbar {
  display: none;
}


/* default inspector items: details */
.jp-InspectorItem.jp-DetailsInspectorItem .p-Widget {
  background: var(--jp-layout-color1);
}


/*-----------------------------------------------------------------------------
| Inspector tabs
|----------------------------------------------------------------------------*/

.jp-Inspector .p-TabBar {
  min-width: 300px;
  min-height: var(--jp-private-inspector-tab-height);
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
}


.jp-Inspector .p-TabBar .p-TabBar-tab {
  flex-basis: var(--jp-private-inspector-tab-width);
  min-height: var(--jp-private-inspector-tab-height);
  min-width: var(--jp-private-inspector-tab-width);
  padding: 0px 8px;
  background: var(--jp-layout-color1);
  border: none;
  transform: none;
  margin-right: 0px;
  line-height: var(--jp-private-inspector-tab-height);
}


.jp-Inspector .p-TabBar .p-TabBar-tab.p-mod-current {
  min-height: var(--jp-private-inspector-tab-height);
  color: var(--jp-ui-font-color0);
  transform: none;
  background: var(--jp-layout-color2);
}


.jp-Inspector .p-TabBar-tab:hover:not(.p-mod-current) {
  background: var(--jp-layout-color1);
}


/*-----------------------------------------------------------------------------
| InspectorItem
|----------------------------------------------------------------------------*/


.jp-InspectorItem {
  border: none;
}

.jp-InspectorItem-content {
  height: calc(100% - 24px); /* Subtract the height of the toolbar. */
  overflow: auto;
  padding: 4px;
}


.jp-InspectorItem .jp-Toolbar-button.jp-InspectorItem-clear::before {
   content: "\f05e";  /* ban */
}


.jp-InspectorItem .jp-Toolbar-button.jp-InspectorItem-back::before {
   content: "\f060";  /* arrow-left */
}


.jp-InspectorItem .jp-Toolbar-button.jp-InspectorItem-forward::before {
   content: "\f061";  /* arrow-right */
}


.jp-InspectorItem pre {
  font-size: var(--jp-code-font-size);
  line-height: var(--jp-code-line-height);
  margin: 0;
  white-space: pre-wrap;
}


/* ansi_up creates classed spans for console foregrounds and backgrounds. */
.jp-InspectorItem pre .ansi-black-fg { color: #3A3A3A; }


.jp-InspectorItem pre .ansi-red-fg { color: #DD948E; }


.jp-InspectorItem pre .ansi-green-fg { color: #B6D1AA; }


.jp-InspectorItem pre .ansi-yellow-fg { color: #F3D57C; }


.jp-InspectorItem pre .ansi-blue-fg { color: #8AA9D5; }


.jp-InspectorItem pre .ansi-magenta-fg { color: #CBAFD5; }


.jp-InspectorItem pre .ansi-cyan-fg { color: #9AD1D4; }


.jp-InspectorItem pre .ansi-white-fg { color: #EFEFEF; }


.jp-InspectorItem pre .ansi-bright-black-fg { color: #5E5D5E; }


.jp-InspectorItem pre .ansi-bright-red-fg { color: #E69B94; }


.jp-InspectorItem pre .ansi-bright-green-fg { color: #D1F0C3; }


.jp-InspectorItem pre .ansi-bright-yellow-fg { color: #F4D799; }


.jp-InspectorItem pre .ansi-bright-blue-fg { color: #A6CBFE; }


.jp-InspectorItem pre .ansi-bright-magenta-fg { color: #E8C8F3; }


.jp-InspectorItem pre .ansi-bright-cyan-fg { color: #B1F1F6; }


.jp-InspectorItem pre .ansi-bright-white-fg { color: #FFFFFF; }


.jp-InspectorItem pre .ansi-black-bg { background-color: #3B3B3B; }


.jp-InspectorItem pre .ansi-red-bg { background-color: #DE958F; }


.jp-InspectorItem pre .ansi-green-bg { background-color: #B7D2AB; }


.jp-InspectorItem pre .ansi-yellow-bg { background-color: #F4D67D; }


.jp-InspectorItem pre .ansi-blue-bg { background-color: #8BAAD6; }


.jp-InspectorItem pre .ansi-magenta-bg { background-color: #CCB0D6; }


.jp-InspectorItem pre .ansi-cyan-bg { background-color: #9BD2D5; }


.jp-InspectorItem pre .ansi-white-bg { background-color: #F0F0F0; }


.jp-InspectorItem pre .ansi-bright-black-bg { background-color: #5F5E5F; }


.jp-InspectorItem pre .ansi-bright-red-bg { background-color: #E79C95; }


.jp-InspectorItem pre .ansi-bright-green-bg { background-color: #D2F1C4; }


.jp-InspectorItem pre .ansi-bright-yellow-bg { background-color: #F5D89A; }


.jp-InspectorItem pre .ansi-bright-blue-bg { background-color: #A7CCFF; }


.jp-InspectorItem pre .ansi-bright-magenta-bg { background-color: #E8C8F3; }


.jp-InspectorItem pre .ansi-bright-cyan-bg { background-color: #B1F1F6; }


.jp-InspectorItem pre .ansi-bright-white-bg { background-color: #FFFFFF; }