Please let me know where do i have to change this code?
CSS Code:
// Grays
$gray-base: #000000;
$gray-dark: lighten($gray-base, 18.04%);
$gray-darker: lighten($gray-base, 8.24%);
$gray-light: lighten($gray-base, 40%);
$gray-lighter: lighten($gray-base, 94.51%);
$gray: lighten($gray-base, 29.02%);
////// Branding variables //////
// should always end with !default and no other variable should have !default
$brand-primary: #1F8476 !default;
$body-bg: #ffffff !default;
$brand-success: #48C891 !default;
$state-success-text: darken(desaturate(adjust-hue($brand-success, 3), 15.64%), 34.31) !default;
$sp-navbar-divider-color: #5A7F71 !default;
$text-color: $gray-dark !default;
$navbar-inverse-link-hover-color: #ffffff !default;
$navbar-inverse-bg: #293e40 !default;
$brand-warning: #DFD139 !default;
$brand-danger: #C83C36 !default;
$sp-tagline-color: #ffffff !default;
$navbar-inverse-link-color: #A7B0B2 !default;
$brand-info: #6ABECF !default;
$link-color: $brand-primary !default;
$sp-logo-margin-x: 15px !default;
$text-muted: $gray-light !default;
////////////////////////////////////
// Link hover decoration
$link-hover-decoration: underline !default;
// La Jolla variables
$brand-primary-dark: #1F8476 !default;
$brand-primary-darker: #165C53 !default;
$brand-primary-light: #5FBAA4 !default;
$brand-primary-lighter: #B8E0D7 !default;
$brand-primary-lightest: #EEF8F8 !default;
$dropdown-link-disabled-color: $gray-light;
$link-hover-color: darken(desaturate(adjust-hue($link-color, 1), 0.42%), 16.67);
$navbar-inverse-link-active-bg: #213234;
$navbar-inverse-link-hover-bg: $brand-primary;
$panel-primary-border: $brand-primary ;
$panel-primary-heading-bg: $brand-primary ;
$panel-primary-text: #ffffff;
$primary: $brand-primary;
$input-border-focus: #1f8476;
$quicklinks-background: #EDF7F5;
$btn-success-bg: $brand-success;
$btn-primary-color: #ffffff;
$btn-primary-bg: $brand-primary;
$btn-primary-border: darken($btn-primary-bg, 5%);
$btn-success-bg: $brand-success;
$btn-success-border: darken($btn-success-bg, 5%);
$btn-success-color: darken(desaturate(adjust-hue($brand-success, 3), 15.64%), 34.31);
$component-active-color: $gray;
$component-active-bg: #f5f5f5;
$state-danger-bg: lighten(saturate(adjust-hue($brand-danger, 354), 42.52%), 42.94);
$state-danger-border: $brand-danger;
$state-danger-text: darken(saturate(adjust-hue($brand-danger, 2), 1.25%), 25.10);
$state-info-bg: lighten(desaturate($brand-info, 3.27%), 19.02);
$state-info-border: $brand-info;
$state-info-text: darken(desaturate(adjust-hue($brand-info, 1), 2.75%), 41.57);
$state-success-bg: lighten(saturate($brand-success, 3.67%), 28.24);
$state-success-border: $brand-success;
$state-warning-bg: lighten(saturate(adjust-hue($brand-warning, -3), 17.70%), 29.61);
$state-warning-border: $brand-warning;
$state-warning-text: darken(desaturate(adjust-hue($brand-warning, -4), 20.32%), 44.31);
$alert-danger-bg: $state-danger-bg;
$alert-danger-border: $state-danger-border;
$alert-danger-text: $state-danger-text;
$alert-info-bg: $state-info-bg;
$alert-info-border: $state-info-border;
$alert-info-text: $state-info-text;
$alert-success-bg: $state-success-bg;
$alert-success-border: $state-success-border;
$alert-success-text: $state-success-text;
$alert-warning-bg: $state-warning-bg;
$alert-warning-border: $state-warning-border;
$alert-warning-text: $state-warning-text;
// To get service status messages consistent with brand colors
$primary: $brand-primary;
$warning: $brand-warning;
$success: $brand-success;
$info: $brand-info;
$danger: $brand-danger;
$input-border-placeholder: white;
// Service Catalog panel hover highlight
$panel-list-item: lighten(desaturate(adjust-hue($panel-primary-heading-bg, -6), 20.79%), 58.04);
$panel-primary-heading-bg: #47a992;
$multiple-issues-color: #7070B3;
$no-issue-color: lighten($brand-success, 40%);
$planned-maintenance-color: lighten($brand-info, 35%);
$service-degredation-color: lighten($brand-warning, 40%);
$service-outage-color: lighten($brand-danger, 45%);
$no-issue-border-color: $brand-success;
$planned-maintenance-border-color: $brand-info;
$service-degredation-border-color: $brand-warning;
$service-outage-border-color: $brand-danger;
$no-issues-text: $state-success-text;
$planned-maintenance-text: $state-info-text;
$service-degredation-text: $state-info-text;
$service-outage-text: $state-danger-bg;
$login-btn-bg: $btn-primary-bg;
$login-btn-border: $btn-primary-border;
$qa-tag-color: $state-info-text;
$qa-tag-bg: $state-info-bg;
$qa-tag-border: $state-info-bg;
$qa-tag-hover-color: darken($qa-tag-color, 10%);
$qa-tag-hover-bg: darken($qa-tag-bg, 10%);
$qa-thread-tag-color: $state-info-text;
$qa-thread-tag-bg: $state-info-bg;
$qa-thread-tag-hover-color: darken($qa-thread-tag-color, 10%);
$qa-thread-tag-hover-bg: darken($qa-thread-tag-bg, 10%);
$qa-panel-link-color: $link-color;
$select2-container-active: $input-border-focus;
$not-webkit-outline-color: $input-border-focus;
$webkit-outline-color: $input-border-focus;
$label-success-bg: lighten(saturate($brand-success, 3.67%), 28.24);
$label-info-bg: lighten(desaturate($brand-info, 3.27%), 19.02);
$label-warning-bg: lighten(saturate(adjust-hue($brand-warning, -3), 17.70%), 29.61);
$label-danger-bg: lighten(saturate(adjust-hue($brand-danger, 354), 42.52%), 42.94);
$data-table-selected: $brand-primary;
$button-selected-color: $btn-primary-bg;
$dropdown-link-active-bg: $brand-primary;
$dropdown-link-active-color: #ffffff;
$widget-editor-fa-bg: $brand-primary;
$input-border-tab-focus: $input-border-focus;
$fav-star-color: $brand-warning;
$fav-star-color-off: #ffffff;
$fav-star-outline-color: #6b611f;
$fav-star-outline: -1px 0 $fav-star-outline-color, 0 1px $fav-star-outline-color, 1px 0$fav-star-outline-color, 0 -1px $fav-star-outline-color;
$sc-field-error-color: #1a424b;
$qa-star-color-on: $brand-warning;
$qa-star-color-off: #ffffff;
$list-group-link-color: $brand-primary;
$list-group-hover-bg: lighten($panel-primary-heading-bg, 40%);
$accessible-placeholder-gray: #565656;
