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: var(--jp-ui-font-family);
}

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

small {
  font-size: unset;
}

strong {
  font-weight: unset;
}

a {
  text-decoration: unset;
  color: unset;
}

a:hover {
  text-decoration: unset;
  color: unset;
}

:focus {
  outline: unset;
  outline-offset: unset;
  -moz-outline-radius: 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-Button.jp-ToolbarButtonComponent {
  text-transform: none;
}

/* .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,
input::placeholder {
  color: var(--jp-ui-font-color3);
}

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

.jp-InputGroupAction {
  padding: 6px;
}

.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 {

} */

select {
  box-sizing: border-box;
}