color variables new home
settings/_colors.scss is populated with the color variables from variables.scss, alongside additional link variables. $body-color was renamed to $body-text-color to avoid confusion.
This commit is contained in:
parent
80e926a7de
commit
43a6d0c977
|
@ -0,0 +1,69 @@
|
|||
//==============================================================================
|
||||
// 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;
|
||||
|
||||
// body background color
|
||||
$bg-color: $dark-gray !default;
|
||||
|
||||
// body text color
|
||||
$body-text-color: $gray-300 !default;
|
||||
|
||||
// headings color
|
||||
$headings-color:$gray-300 !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: $orange !default;
|
||||
|
||||
// visted link color
|
||||
$link-visited-color:$pale-orange !default;
|
||||
|
||||
// link hover color
|
||||
$link-hover-color:$pastel-blue !default;
|
||||
|
||||
// active link color
|
||||
$link-active-color:$white !default;
|
Reference in New Issue