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.

src/scss/settings/_colors.scss

@@ -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;