go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/analysis/frontend/ui/styles/style.css (about)

     1  /**
     2  * Copyright 2022 The LUCI Authors.
     3  *
     4  * Licensed under the Apache License, Version 2.0 (the "License");
     5  * you may not use this file except in compliance with the License.
     6  * You may obtain a copy of the License at
     7  *
     8  *      http://www.apache.org/licenses/LICENSE-2.0
     9  *
    10  * Unless required by applicable law or agreed to in writing, software
    11  * distributed under the License is distributed on an "AS IS" BASIS,
    12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    13  * See the License for the specific language governing permissions and
    14  * limitations under the License.
    15  */
    16  
    17  @import "@fontsource/roboto/300.css";
    18  @import "@fontsource/roboto/400.css";
    19  @import "@fontsource/roboto/500.css";
    20  @import "@fontsource/roboto/700.css";
    21  
    22  body {
    23    box-sizing: border-box;
    24    min-width: 300px;
    25    padding: 0;
    26    margin: 0;
    27    font-family: Roboto, "Helvetica Neue", sans-serif;
    28    font-size: var(--font-size-default);
    29    line-height: 1.4;
    30    color: var(--default-text-color);
    31    letter-spacing: 0.25px;
    32    background-color: rgb(249 250 251);
    33  }
    34  
    35  html {
    36    /* These colors are from MILO */
    37    --default-text-color: #212121;
    38    --light-text-color: #636363;
    39    --greyed-out-text-color: #808080;
    40    --active-text-color: #1976d2;
    41    --exonerated-color: #0084ff;
    42    --success-color: #169c16;
    43    --failure-color: #d23a2d;
    44    --warning-text-color: #f90;
    45    --warning-color: #ffae00;
    46    --scheduled-color: #73808c;
    47    --started-color: #ff8000;
    48    --critical-failure-color: #6c40bf;
    49    --canceled-color: var(--exonerated-color);
    50    --scheduled-bg-color: #b7c1c9;
    51    --started-bg-color: #ffd1a2;
    52    --success-bg-color: #97ddbb;
    53    --failure-bg-color: #ffc9c5;
    54    --critical-failure-bg-color: #dfceff;
    55    --canceled-bg-color: #c5ecff;
    56    --block-background-color: #f5f5f5;
    57    --dark-background-color: #555;
    58    --highlight-background-color: var(--warning-color);
    59    --divider-color: #ddd;
    60    --active-color: #007bff;
    61    --light-active-color: #d9edfc;
    62    --delete-color: var(--failure-color);
    63    --mdc-theme-primary: var(--active-color);
    64    --font-size-default: 14px;
    65    --font-size-small: 12px;
    66  }