90 lines
2.3 KiB
SCSS
90 lines
2.3 KiB
SCSS
//==============================================================================
|
|
// Global Colors
|
|
//==============================================================================
|
|
|
|
// color variables
|
|
$blue: #4fbad5 !default;
|
|
$orange: #ff8f23 !default;
|
|
$pastel-blue: #daf2ee !default;
|
|
$pale-orange: darken($orange, 5%);
|
|
$red: #FF8383 !default;
|
|
$green: #67ba67 !default;
|
|
$light-blue: lighten($blue, 25%) !default;
|
|
|
|
// gray color variables
|
|
$darkgray: #000000;
|
|
$white: #fff !default;
|
|
$gray-100: #f8f9fa !default;
|
|
$gray-200: #e9ecef !default;
|
|
$gray-300: #dee2e6 !default;
|
|
$gray-400: #ced4da !default;
|
|
$gray-500: #adb5bd !default;
|
|
$gray-600: #6c757d !default;
|
|
$gray-700: #495057 !default;
|
|
$gray-800: #343a40 !default;
|
|
$gray-900: #212529 !default;
|
|
$dark-gray: #1c1b22 !default;
|
|
$black: #000 !default;
|
|
|
|
// theme color variables
|
|
$brand-color: $blue !default;
|
|
$secondary-color: $orange !default;
|
|
|
|
$orange-100: adjust-hue($orange,10%);
|
|
$orange-900: adjust-hue($orange,-10%);
|
|
|
|
$blue-shade-1: adjust-hue($blue,10%);
|
|
$blue-shade-9: adjust-hue($blue,-10%);
|
|
|
|
// body background color
|
|
$bg-color: $white !default;
|
|
|
|
// body text color
|
|
$body-text-color: $gray-900 !default;
|
|
|
|
// headings color
|
|
$headings-color:$gray-900 !default;
|
|
|
|
// focused color text
|
|
$focus-color: $black !default;
|
|
|
|
// text color for print media
|
|
// A 'true black' to avoid printers using colour ink to print body text
|
|
$lg-print-text: $black !default;
|
|
|
|
// error color
|
|
$error-text: $red !default;
|
|
|
|
// success color
|
|
$success-text: $green !default;
|
|
|
|
// =============================================================================
|
|
// Links
|
|
// =============================================================================
|
|
|
|
// normal link color
|
|
$link-color: #04768F !default;
|
|
|
|
// visted link color
|
|
$link-visited-color: $link-color !default;
|
|
|
|
// link hover color
|
|
$link-hover-color: lighten($link-color,10%) !default;
|
|
|
|
// active link color
|
|
$link-active-color: $link-color !default;
|
|
|
|
$link-font-weight: $font-weight-bold !default;
|
|
|
|
// =============================================================================
|
|
// Nav
|
|
// =============================================================================
|
|
|
|
$nav-bg-color: transparent;
|
|
$nav-text-color: $gray-900;
|
|
$nav-link-item-bg: $gray-300;
|
|
$nav-link-item-color: $black;
|
|
$nav-link-border-color:$gray-900;
|
|
$nav-brand-title: $blue;
|
|
$nav-brand-title-accent:$orange;
|