[fix: #230] Update color palette

Author: James Kolce

_globals.scss

@@ -4,7 +4,7 @@
 
 //
 // Helper functions
-// ----------------
+// --------------------------------------------------
 
 @function pow($number, $exponent) {
   $value: 1;
@@ -24,7 +24,7 @@
 
 //
 // Base
-// ----
+// --------------------------------------------------
 
 $font-size:           16 !default;
 $font-size-secondary: 18 !default;
@@ -63,10 +63,9 @@ $spacing-m:  2lh !default;
 $spacing-l:  3lh !default;
 $spacing-xl: 4lh !default;
 
-
 //
 // Type Scale
-// -------------
+// --------------------------------------------------
 
 // Suggested ratios
 // Source: http://type-scale.com/
@@ -92,7 +91,7 @@ $scale-ratio-secondary: $_perfect-fourth !default;
 
 //
 // Grid
-// ----
+// --------------------------------------------------
 
 // Create grid styles
 $enable-grid: true !default;
@@ -115,62 +114,51 @@ $prefix: '' !default;
 // Create columns and offsets above this breakpoint
 $breakpoint: --small !default;
 
-
 //
 // Color Palette
-// -------------
+// --------------------------------------------------
 
-// Colors
 $colors: (
   base: (
-    "primary":   #4591aa,
-    "selection": #d6d6d6,
-    "lines":     #e0e0e0
+    "primary":   #C65146,
+    "selection": #EBE1D3,
+    "lines":     #DCDCDC
   ),
 
   text: (
-    "primary":   #555,
+    "primary":   #444,
     "secondary": #666,
     "heading":   #222,
-    "ui":        white
+    "inverted":  white
   ),
 
   background: (
-    "dark":  #282E31,
+    "dark":  #32373d,
     "light": #f5f5f5,
     "body":  white
   ),
 
   state: (
     "muted":   #aaa,
-    "primary": #4591aa,
-    "success": #45ca69,
-    "warning": #ffb800,
-    "error":   #ca4829
+    "success": #10a887,
+    "warning": #F17F42,
+    "error":   #da3c3c
   ),
 
   blue: (
-    "darker":  #495b61,
-    "dark":    #447281,
-    "base":    #4591aa,
-    "light":   #5ab0cc,
-    "lighter": #74cbe8
+    "darker":  #1573b6,
+    "dark":    #1e80c6,
+    "base":    #2b90d9,
+    "light":   #3fa2e9,
+    "lighter": #4eb1f9
   ),
 
   green: (
-    "darker":  #3b6e6e,
-    "dark":    #3b8686,
-    "base":    #37a1a1,
-    "light":   #2dbaba,
-    "lighter": #69d1d1
-  ),
-
-  cream: (
-    "darker":  #c47858,
-    "dark":    #e29372,
-    "base":    #ecac91,
-    "light":   #f9c2ab,
-    "lighter": #fdd5c3
+    "darker":  #089073,
+    "dark":    #0b9d7d,
+    "base":    #10a887,
+    "light":   #1eb896,
+    "lighter": #28ceaa
   ),
 
   red: (
@@ -190,10 +178,9 @@ $colors: (
   )
 ) !default;
 
-
 //
 // getColor Function
-// --------
+// --------------------------------------------------
 // Easily retrieve colors for use.
 //
 

dist/concise.css

@@ -213,13 +213,13 @@ address {
 
 a {
   background-color: transparent;
-  color: #4591aa;
+  color: #C65146;
   cursor: pointer;
   text-decoration: none;
   -webkit-transition: 150ms;
   transition: 150ms; }
   a:hover, a:focus {
-    color: #2f6374; }
+    color: #92362d; }
 
 h1, h2, h3, h4, h5, h6 {
   color: #222;
@@ -235,7 +235,7 @@ h1, h2, h3 {
   h1 a, h2 a, h3 a {
     color: inherit; }
     h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus {
-      color: #4591aa;
+      color: #C65146;
       text-decoration: none; }
 
 h4, h5, h6 {
@@ -349,7 +349,7 @@ dd {
   margin-bottom: 0.375rem; }
 
 button, input[type="submit"] {
-  background-color: #4591aa;
+  background-color: #C65146;
   border: none;
   color: white;
   cursor: pointer;
@@ -369,13 +369,13 @@ button, input[type="submit"] {
   vertical-align: middle;
   white-space: nowrap; }
   button:hover, input[type="submit"]:hover, button:focus, input[type="submit"]:focus {
-    background-color: #75b3c7;
+    background-color: #d88880;
     color: white;
     text-decoration: none; }
   button:focus, input[type="submit"]:focus, button:active, input[type="submit"]:active {
     outline: none; }
   button:active, input[type="submit"]:active {
-    background-color: #63a8bf; }
+    background-color: #d2766d; }
   button[disabled], input[disabled][type="submit"] {
     background-color: gainsboro;
     color: white;
@@ -492,7 +492,7 @@ input[type="range"] {
   input[type="range"]::-webkit-slider-thumb {
     border: none;
     border-radius: 50%;
-    background-color: #4591aa;
+    background-color: #C65146;
     height: 16px;
     margin-top: -5px;
     width: 16px;
@@ -505,7 +505,7 @@ input[type="range"] {
   input[type="range"]::-moz-range-thumb {
     border: none;
     border-radius: 50%;
-    background-color: #4591aa;
+    background-color: #C65146;
     height: 16px;
     margin-top: -5px;
     width: 16px; }
@@ -518,7 +518,7 @@ input[type="range"] {
   input[type="range"]::-ms-thumb {
     border: none;
     border-radius: 50%;
-    background-color: #4591aa;
+    background-color: #C65146;
     height: 16px;
     margin-top: -5px;
     width: 16px; }