github.com/apache/beam/sdks/v2@v2.48.2/python/apache_beam/runners/interactive/extensions/apache-beam-jupyterlab-sidepanel/style/mdc-theme.css (about)

     1  /*
     2   * Licensed under the Apache License, Version 2.0 (the 'License'); you may not
     3   * use this file except in compliance with the License. You may obtain a copy of
     4   * the License at
     5   *
     6   *   http://www.apache.org/licenses/LICENSE-2.0
     7   *
     8   * Unless required by applicable law or agreed to in writing, software
     9   * distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT
    10   * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
    11   * License for the specific language governing permissions and limitations under
    12   * the License.
    13   */
    14  
    15  /*
    16   * Theme configured from https://rmwc.io/.
    17   */
    18  :root {
    19    --mdc-theme-primary: var(--jp-brand-color1);
    20    --mdc-theme-secondary: var(--jp-brand-color2);
    21    --mdc-theme-error: var(--jp-error-color1);
    22    --mdc-theme-background: var(--jp-layout-color1);
    23    --mdc-theme-surface: var(--jp-layout-color1);
    24    --mdc-theme-on-primary: var(--jp-ui-inverse-font-color1);
    25    --mdc-theme-on-secondary: var(--jp-ui-inverse-font-color1);
    26    --mdc-theme-on-surface: var(--jp-ui-font-color1);
    27    --mdc-theme-on-error: var(--jp-ui-inverse-font-color1);
    28    --mdc-theme-text-primary-on-background: var(--jp-ui-font-color1);
    29    --mdc-theme-text-secondary-on-background: var(--jp-ui-font-color2);
    30    --mdc-theme-text-hint-on-background: var(--jp-ui-font-color3);
    31    --mdc-theme-text-disabled-on-background: var(--jp-ui-font-color3);
    32    --mdc-theme-text-icon-on-background: var(--jp-ui-font-color3);
    33    --mdc-theme-text-primary-on-light: var(--jp-ui-font-color1);
    34    --mdc-theme-text-secondary-on-light: var(--jp-ui-font-color2);
    35    --mdc-theme-text-hint-on-light: var(--jp-ui-font-color3);
    36    --mdc-theme-text-disabled-on-light: var(--jp-ui-font-color3);
    37    --mdc-theme-text-icon-on-light: var(--jp-ui-font-color3);
    38    --mdc-theme-text-primary-on-dark: var(--jp-ui-inverse-font-color1);
    39    --mdc-theme-text-secondary-on-dark: var(--jp-ui-inverse-font-color2);
    40    --mdc-theme-text-hint-on-dark: var(--jp-ui-inverse-font-color3);
    41    --mdc-theme-text-disabled-on-dark: var(--jp-ui-inverse-font-color3);
    42    --mdc-theme-text-icon-on-dark: var(--jp-ui-inverse-font-color3);
    43  }
    44  
    45  /**
    46   * Color for an activated list item.
    47   */
    48  .mdc-drawer li.mdc-list-item--activated {
    49    color: var(--jp-ui-font-color1);
    50  }
    51  
    52  .mdc-form-field > label {
    53    margin-bottom: 0;
    54  }
    55  
    56  .mdc-text-field {
    57    margin-left: 4px;
    58    margin-right: 4px;
    59  }