Merge pull request #121 from amosie/777-brand-gray

Change 777 to brand-gray

scss/_buttons.scss

@@ -208,7 +208,7 @@
   &.disabled {
     &,
     &:hover {
-      color: #777;
+      color: $brand-gray;
       background-color: #fff;
       background-image: none;
       border-color: #e5e5e5;

scss/_counter.scss

@@ -4,7 +4,7 @@
   font-size: 11px;
   font-weight: bold;
   line-height: 1;
-  color: #777;
+  color: $brand-gray;
   background-color: #eee;
   border-radius: 20px;
 }

scss/_filter-list.scss

@@ -11,7 +11,7 @@
   }
 
   &.pjax-active .filter-item {
-    color: #777;
+    color: $brand-gray;
     background-color: transparent;
 
     &.pjax-active {
@@ -28,7 +28,7 @@
   margin-bottom: 5px;
   overflow: hidden;
   font-size: 14px;
-  color: #777;
+  color: $brand-gray;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -65,4 +65,3 @@
     background-color: #f1f1f1;
   }
 }
-

scss/_forms.scss

@@ -186,7 +186,7 @@ dl.form {
   min-height: 17px;
   margin: 4px 0 2px;
   font-size: 12px;
-  color: #777;
+  color: $brand-gray;
 
   .spinner {
     margin-right: 3px;

scss/_utility.scss

@@ -56,7 +56,7 @@
 //
 // Have a link you need to be gray to start, and blue on hover? Use this.
 .muted-link {
-  color: #777;
+  color: $brand-gray;
 
   &:hover {
     color: $brand-blue;