Added more gray color variables (to compensate for inconsistent compiling)

// FREEBIE

stylesheets/_conversation.scss

@@ -608,15 +608,15 @@
         border-radius: 5px;
         outline: none;
         padding: 5px 8px;
-        border: 1px solid darken($grey_l, 10%);
+        border: 1px solid $grey_l2;
 
         &:focus {
-          border-color: darken($grey_l, 40%);
+          border-color: $grey_l4;
         }
 
         &:hover {
-          background-color: darken($grey_l, 10%);
+          background-color: $grey_l2;
-          border-color: darken($grey_l, 20%);
+          border-color: $grey_l3;
         }
       }
     }

stylesheets/_index.scss

@@ -61,7 +61,7 @@
 }
 
 .conversation-header {
-  border-bottom: solid 1px darken($grey_l, 10%);
+  border-bottom: solid 1px $grey_l2;
   margin-bottom: 4px;
   padding-bottom: 5px;
   .avatar {

stylesheets/_variables.scss

@@ -2,6 +2,9 @@
 $blue_l: #a2d2f4;
 $blue: #2090ea;
 $grey_l: #f3f3f3;
+$grey_l2: #d9d9d9; // ~ Equivalent to darken($grey_l, 10%), unreliably compiles
+$grey_l3: darken($grey_l, 20%);
+$grey_l4: darken($grey_l, 40%);
 $grey: #616161;
 $grey_d: #454545;
 

stylesheets/manifest.css

@@ -1035,11 +1035,11 @@ input.search {
         border-radius: 5px;
         outline: none;
         padding: 5px 8px;
-        border: 1px solid #dadada; }
+        border: 1px solid #d9d9d9; }
         .confirmation-dialog .modal .buttons button:focus {
           border-color: #8d8d8d; }
         .confirmation-dialog .modal .buttons button:hover {
-          background-color: #dadada;
+          background-color: #d9d9d9;
           border-color: silver; }
 
 /*# sourceMappingURL=manifest.css.map */