recent activities via API (#761)

assets/sass/navbar.scss

@@ -10,8 +10,13 @@
         padding: 16px 12px 11px 12px;
         font-size: 10px;
     }
-    li.messages-menu ul.menu li .pull-left i {
-        color: #dd4b39;
+    li.messages-menu ul.menu li {
+        a:hover .pull-left i {
+            color: #dd4b39;
+        }
+        a .pull-left i {
+            color: #444;
+        }
     }
     .messages-menu>.dropdown-menu>li .menu>li>a>p {
         overflow: hidden;
@@ -33,6 +38,12 @@
         ul {
             li {
                 a {
+                    &:hover {
+                        background-color: #f4f4f4;
+                        i {
+                            color: $blue;
+                        }
+                    }
                     color: #444;
                     i {
                         padding-right: 10px;
@@ -44,6 +55,9 @@
             }
         }
     }
+    .notifications-menu>.dropdown-menu>li .menu>li>a:hover i {
+        color: $green;
+    }
 }
 
 @media (max-width: $screen-sm-min) {

assets/sass/variables.scss

@@ -14,14 +14,14 @@
 // Primary
 //$light-blue: #3c8dbc;
 // Danger
-//$red: #dd4b39;
+$red: #dd4b39;
 // Success
-//$green: #00a65a;
+$green: #00a65a;
 // Info
 //$aqua: #00c0ef;
 // Warning
 //$yellow: #f39c12;
-//$blue: #0073b7;
+$blue: #0073b7;
 //$navy: #001F3F;
 //$teal: #39CCCC;
 //$olive: #3D9970;