openecomp-ui/resources/scss/bootstrap-cust/_variables.scss

//== Colors
//
//## Gray and brand colors for use across Bootstrap.

$gray-darker: $dark-gray;
$gray-dark: $dark-gray;
$gray: $gray;
$gray-light: $light-gray;
$gray-lighter: $light-gray;

$brand-primary: $blue;
$brand-success: $green;
$brand-info: $light-gray;
$brand-warning: $yellow;
$brand-danger: $red;


//== Scaffolding
//
//## Settings for some of the most global styles.

$body-bg: $white;
$text-color: $text-black;
$link-color: $link-blue;
$link-hover-color: $blue;

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
//$font-family-base: $font-family-sans-serif !default;
$font-size-base: $body-font-2;
$font-size-large: $body-font-1;
$font-size-small: $body-font-3;
$font-size-h1: $heading-font-1;
$font-size-h2: $heading-font-2;
$font-size-h3: $heading-font-4;
$font-size-h4: $heading-font-5;



//== Components
//
//## Define common padding and border radius sizes and more.
$border-radius-base: 0;
$border-radius-large: 0;
$border-radius-small: 0;


//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

// $btn-font-weight: normal !default;
$btn-default-color: $text-color;
$btn-default-bg: $white;
$btn-default-border: $light-gray;

$btn-success-color: $white;

// Allows for customizing button radius independently from global border radius
$btn-border-radius-base: 2px;
$btn-border-radius-large: 2px;
$btn-border-radius-small: 2px;

//== Dropdowns
//
$dropdown-bg: $white;
$dropdown-border: $link-blue;
$dropdown-link-color: $text-black;
$dropdown-divider-bg: $gray;
//** Hover color for dropdown links.
$dropdown-link-hover-color: $black;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $tlv-hover;

//** Active dropdown menu item text color.
$dropdown-link-active-color: $black;
//** Active dropdown menu item background color.
$dropdown-link-active-bg: $tlv-hover;

//== Forms
//
//##
$form-group-margin-bottom: 24px;


$input-bg: $white;
$input-bg-disabled: $tlv-light-gray;
$input-color: $dark-gray;
$input-border: $light-gray;
$input-border-focus: $dark-blue;

//== Modals
//
//##
$modal-content-bg: $white;
$modal-inner-padding: 0 15px;
$modal-title-padding: 30px 25px 10px 25px;


//== Close
//
//##
$close-color: $tlv-light-gray;

//== Navs
//
//##
//=== Shared nav styles
$nav-link-hover-bg: transparent;

$navbar-inverse-bg: $gray;

//== Tabs
$nav-tabs-border-color: transparent;
$nav-tabs-link-hover-border-color: transparent;
$nav-tabs-active-link-hover-bg: transparent;
$nav-tabs-active-link-hover-color: $text-black;
$nav-tabs-active-link-hover-border-color: transparent;


//== Popovers
//
//##
$popover-bg: $background-gray;

//== Tooltips
//
//##
$tooltip-bg: $dark-gray;