github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/styl/base/palette.styl (about)

     1  // Copyright 2019 The Cockroach Authors.
     2  //
     3  // Use of this software is governed by the Business Source License
     4  // included in the file licenses/BSL.txt.
     5  //
     6  // As of the Change Date specified in that file, in accordance with
     7  // the Business Source License, use of this software will be governed
     8  // by the Apache License, Version 2.0, included in the file
     9  // licenses/APL.txt.
    10  
    11  @require '~src/components/core/index'
    12  
    13  // Primary Palette
    14  $headings-color = $colors--primary-blue-5
    15  $healthy-color = $colors--primary-green-3
    16  $warning-color   = $colors--warning
    17  $alert-color    = $colors--alert
    18  $adminui-grey-1    = $colors--neutral-8
    19  $adminui-grey-2    = $colors--neutral-6
    20  $adminui-blue-1-base    = $colors--primary-blue-3
    21  $body-color = $colors--neutral-6
    22  $text-color = $colors--neutral-7
    23  $secondary-text-color = $colors--neutral-5
    24  $link-color = $colors--primary-blue-3
    25  $tooltip-color = $colors--neutral-5
    26  $table-border-color = $colors--neutral-2
    27  $button-border-color = $colors--neutral-4
    28  $background-color  = $colors--background
    29  $main-blue-color = $colors--primary-blue-3
    30  $grey = $colors--neutral-5
    31  $grey-light = $colors--neutral-4
    32  $adminui-white = $colors--white
    33  $table-border = $colors--neutral-2
    34  
    35  // Alert colors
    36  $notification-alert-fill-color = $colors--functional-red-1
    37  $notification-alert-border-color = $colors--functional-red-2
    38  $notification-info-fill-color = $colors--primary-blue-1
    39  $notification-info-border-color = $colors--primary-blue-2
    40  $notification-warning-fill-color = $colors--functional-orange-1
    41  $notification-warning-border-color = $colors--functional-orange-2
    42  
    43  // Info box colors
    44  $info-box-fill-color = $colors--primary-blue-1
    45  $info-box-border-color = $colors--primary-blue-3
    46  $info-box-heading-color = $colors--primary-blue-3
    47  
    48  // Syntax highlight colors
    49  $syntax-string-color = $colors--functional-orange-4
    50  $syntax-keyword-color = $colors--primary-blue-2
    51  
    52  // Popover colors
    53  $popover-color = $colors--neutral-7
    54  $popover-shadow-color = $colors--neutral-5
    55  $popover-border-color = $colors--neutral-2
    56  
    57  // classes colors
    58  $link = $colors--primary-blue-3
    59  $checkbox-border = $colors--neutral-5
    60  $checkbox-border-hover = $colors--neutral-4
    61  
    62  // default
    63  $lightgreen = $colors--primary-green-1
    64  $lightblue = $colors--primary-blue-1
    65  $yellow = $colors--functional-orange-1
    66  $placeholder = $colors--neutral-6
    67  $blue = $colors--primary-blue-3
    68  $light-blue = $colors--primary-blue-2
    69  $green = $colors--primary-green-3
    70  $grey2 = $colors--neutral-3
    71  $chip-green = $colors--primary-green-1
    72  $chip-lightgreen = $colors--primary-green-0
    73  $chip-grey = $colors--neutral-1
    74  $chip-blue = #74bdfd80 // $colors--primary-blue-2 + 0.5 opacity
    75  $chip-lightblue = $colors--primary-blue-1
    76  $chip-yellow = $colors--functional-orange-1