jupyterlab/packages/ui-components/style/index.css

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

/* Override Blueprint's _reset.scss styles */
html {
  box-sizing: unset;
}

*,
*::before,
*::after {
  box-sizing: unset;
}

body {
  color: #182026;
  font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', 'Helvetica Neue', 'Icons16',
    sans-serif;
}

p {
  margin-top: unset;
  margin-bottom: unset;
}

small {
  font-size: unset;
}

strong {
  font-weight: unset;
}

::selection {
  background: unset;
}

.jp-Button {
  border-radius: var(--jp-border-radius);
  padding: 0px 12px;
  font-size: var(--jp-ui-font-size1);
  text-transform: uppercase;
}

.jp-Button.minimal {
  color: unset !important;
}

/* .jp-InputGroup {

} */

.jp-InputGroup input {
  box-sizing: border-box;
  border-radius: 0;
  background-color: transparent;
  color: var(--jp-ui-font-color0);
  box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-border-color);
}

.jp-InputGroup input:focus {
  /* box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-active-border-color),
    inset 0 0 0 3px rgba(19, 124, 189, 0.3); */
  box-shadow: inset 0 0 0 var(--jp-border-width) rgba(19, 124, 189, 0.3),
    inset 0 0 0 3px rgba(19, 124, 189, 0.3);
}

.jp-InputGroup input::placeholder {
  color: var(--jp-ui-font-color3);
}

.jp-Icon {
  color: var(--jp-layout-color4);
}

.jp-InputGroupAction {
  padding: 5px;
}

.jp-HTMLSelect select {
  height: 24;
  font-size: var(--jp-ui-font-size1);
  line-height: 14px;
  border-radius: 0;
  display: block;
  color: var(--jp-ui-font-color0);
}

.jp-HTMLSelect select:hover {
  color: var(--jp-ui-font-color0);
}

/* .jp-Select {

} */