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