jupyterlab/packages/application/style/scrollbar.css

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


::-webkit-scrollbar {
  background: var(--jp-layout-color0);
}


.jp-SidePanel ::-webkit-scrollbar {
  background-color: transparent;
}


::-webkit-scrollbar-track:vertical {
  border-left: 1px solid var(--jp-border-color2);
}


::-webkit-scrollbar-thumb:vertical {
  border-left: 1px solid var(--jp-border-color2);
  background-color: var(--jp-layout-color2);
}


::-webkit-scrollbar-track:horizontal {
  border-top: 1px solid var(--jp-border-color2);
}


::-webkit-scrollbar-thumb:horizontal {
  border-top: 1px solid var(--jp-border-color2);
  background-color: var(--jp-layout-color2);
}


.p-ScrollBar[data-orientation='horizontal'] {
  min-height: 16px;
  max-height: 16px;
  min-width: 45px;
  border-top: 1px solid #A0A0A0;
}


.p-ScrollBar[data-orientation='vertical'] {
  min-width: 16px;
  max-width: 16px;
  min-height: 45px;
  border-left: 1px solid #A0A0A0;
}


.p-ScrollBar-button {
  background-color: #F0F0F0;
  background-position: center center;
  min-height: 15px;
  max-height: 15px;
  min-width: 15px;
  max-width: 15px;
}


.p-ScrollBar-button:hover {
  background-color: #DADADA;
}


.p-ScrollBar-button.p-mod-active {
  background-color: #CDCDCD;
}


.p-ScrollBar-track {
  background: #F0F0F0;
}


.p-ScrollBar-thumb {
  background: #CDCDCD;
}


.p-ScrollBar-thumb:hover {
  background: #BABABA;
}


.p-ScrollBar-thumb.p-mod-active {
  background: #A0A0A0;
}


.p-ScrollBar[data-orientation='horizontal'] .p-ScrollBar-thumb {
  height: 100%;
  min-width: 15px;
  border-left: 1px solid #A0A0A0;
  border-right: 1px solid #A0A0A0;
}


.p-ScrollBar[data-orientation='vertical'] .p-ScrollBar-thumb {
  width: 100%;
  min-height: 15px;
  border-top: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
}


.p-ScrollBar[data-orientation='horizontal'] .p-ScrollBar-button[data-action='decrement'] {
  background-image: var(--jp-image-caretleft);
}


.p-ScrollBar[data-orientation='horizontal'] .p-ScrollBar-button[data-action='increment'] {
  background-image: var(--jp-image-caretright);
}


.p-ScrollBar[data-orientation='vertical'] .p-ScrollBar-button[data-action='decrement'] {
  background-image: var(--jp-image-caretup);
}


.p-ScrollBar[data-orientation='vertical'] .p-ScrollBar-button[data-action='increment'] {
  background-image: var(--jp-image-caretdown);
}