json('che-colors.json')

$primary-color = $che-medium-blue-color
$default-dark-color = $che-navy-color
$default-color = $clear-foggy-sky-color
$secondary-color = $che-green-color
$secondary-light = $che-purple-color
$menu-bg-color = $dark-menu-color
$label-primary-color = $night-foggy-sky-color
$label-secondary-color = $dark-menacing-sky-color
$label-info-color = $clear-foggy-sky-color
$error-color = $red-lipstick-color
$warning-color = $che-orange-color
$list-separator-color = $cat-gray-color
$form-element-border-color = $mouse-gray-color
$white-color = $che-white-color
$black-color = $che-black-color
$link-color = $che-medium-blue-color
$frame-notlogged-color = $che-green-color
$frame-notlogged-bg-color = alpha($che-green-color, 0.2)
$frame-nosubscription-color = $che-medium-blue-color
$frame-nosubscription-bg-color = alpha($che-medium-blue-color, 0.2)
$frame-subscription-color = $che-medium-blue-color
$frame-subscription-bg-color = alpha($che-medium-blue-color, 0.2)
$auth-error-color = $che-orange-color
$auth-ok-color = $che-green-color

$box-border-color = $very-light-grey-color

$button-primary-hover-color = rgba(67, 130, 203, 1)

$list-header-blue-color = $che-medium-blue-color
$list-header-button-color = alpha($che-white-color, 0.87)
$list-header-button-hover-color = $button-primary-hover-color
$list-action-color = $stroke-color
$list-action-hover-color = $che-medium-blue-color
$list-checkbox-background-color = $cat-gray-color

$config-syntax-help-color = $night-foggy-sky-color
$config-frame-warning-bg-color = alpha($che-orange-color, 0.2)
$config-frame-warning-color = $che-orange-color

$frame-available-bg-color = alpha($che-medium-blue-color, 0.2)

// change alpha on existing colors
$hover-on-list-color = rgba($default-color, 0.13)
$focus-on-list-color = rgba($primary-color, 0.13)

// tooltip border color
$tooltip-border-color = rgba(51, 51, 51, 1)
// tooltip background color
$tooltip-background-color = rgba(0, 0, 0, 0.8)
// disabled widget color
$disabled-color = rgba(0, 0, 0, 0.26)
//radio button's checked color
$radio-button-checked-color = $che-medium-blue-color
$background-color = $white-color
$default-border-color = $list-separator-color

$background-site-color = #21252b

$valid-color = alpha($che-medium-blue-color, 0.2)
$invalid-color = alpha($che-orange-color, 0.2)

$table-header-color = $light-gray-color;

$che-loader-active-title-color = $che-navy-color
$che-loader-background-color = darken($che-medium-blue-color, 75%)
$che-loader-logs-background-color = darken($stroke-color,65%)

$che-button-primary-flat-shadow-color = alpha($che-medium-blue-color, 0.5)
$che-button-primary-flat-disabled-shadow-color = alpha($stroke-color, 0.55)

$che-button-gray-color = #888
$che-delete-label-color = #D83E43

// create-workspace flow
$grey-input-label-color = $grey-chateau
$very-light-grey-background-color = $white-smoke

// box shadows
box-shadow-simple()
  box-shadow 0 2px 1px 0 rgba(0, 0, 0, 0.15)

box-shadow-bigger()
  box-shadow 0 1px 2px 0 rgba(133, 133, 133, 0.65)

che-box-shadow()
  box-shadow 0 2px 2px 0 $cat-gray-color !important

che-border-radius(n)
  border-radius n !important

che-brightness(n)
  filter brightness(n)
