ux(): updated orange color and fixed sidemenu background on dark theme

package.json

@@ -68,6 +68,7 @@
   "dependencies": {
     "es5-shim": "^4.4.1",
     "grunt-jscs": "~1.5.x",
+    "grunt-sass-lint": "^0.1.0",
     "grunt-sync": "^0.4.1",
     "karma-sinon": "^1.0.3",
     "lodash": "^2.4.1",

public/sass/_variables.dark.scss

@@ -33,7 +33,7 @@ $yellow:                #ECBB13;
 $pink:                  #FF4444;
 $purple:                #9933CC;
 $variable:              #32D1DF;
-$orange:                #FF8800;
+$orange:                #dF7518;
 
 $brand-primary:         $orange;
 $brand-success:         $green;
@@ -205,7 +205,7 @@ $navbarButtonBackgroundHighlight: lighten($navbarBackground, 5%);
 
 // Sidemenu
 // -------------------------
-$side-menu-bg:            $dark-3;
+$side-menu-bg:            $body-bg;
 $side-menu-item-hover-bg: $dark-4;
 
 // Pagination

public/sass/_variables.light.scss

@@ -35,7 +35,7 @@ $blue-dark:             #75CAEB;
 $green:                 #28B62C;
 $red:                   #FF4136;
 $yellow:                #FF851B;
-$orange:                #FF7518;
+$orange:                #Ff7941;
 $pink:                  #E671B8;
 $purple:                #9954BB;
 $variable:              #2AB2E4;

public/sass/pages/_styleguide.scss

 .style-guide-color-card {
   list-style: none;
-  margin: 0;  
+  margin: 0;
   padding: $spacer;
-  width: 100%;  
-  text-align: center;
+  width: 100%;
+  text-align: left;
   text-shadow: 0 0 8px #fff;
   color: $black;
   font-size: $font-size-sm;