Merge pull request #3548 from tgxworld/coloured_hearts

UX: Seeing black hearts make me sad.

app/assets/stylesheets/common.scss

@@ -9,3 +9,5 @@
 @import "common/input_tip";
 @import "common/topic-entrance";
 @import "common/base/*";
+
+.fa-heart:before { color: $love; }

app/assets/stylesheets/common/base/directory.scss

@@ -46,7 +46,6 @@
 
       width: 13%;
       i.fa-heart {
-        color: $love;
         margin-right: 0.5em;
       }
       i.fa-chevron-down, i.fa-chevron-up {

app/assets/stylesheets/desktop/topic-post.scss

@@ -177,8 +177,16 @@ nav.post-controls {
           color: $secondary;
         }
 
+        &.like {
+          i.fa-heart:before {
+            color: scale-color($primary, $lightness: 60%);
+          }
+        }
+
         &.like:hover {
-          color: $love;
+          i.fa-heart:before {
+            color: $love;
+          }
           background: dark-light-diff($love, $secondary, 85%, -60%)
         }
 

app/assets/stylesheets/mobile/directory.scss

@@ -40,10 +40,6 @@
       margin-left: 0.2em;
       color: dark-light-diff($primary, $secondary, 50%, -50%);
     }
-
-    i.fa-heart {
-      color: $love;
-    }
   }
   margin-bottom: 1em;
 }