diff --git a/app/assets/stylesheets/common/base/directory.scss b/app/assets/stylesheets/common/base/directory.scss
index c9562135f42..e5d9c11f317 100644
--- a/app/assets/stylesheets/common/base/directory.scss
+++ b/app/assets/stylesheets/common/base/directory.scss
@@ -8,7 +8,7 @@
     float: right;
   }
   .total-rows {
-    color: darken(scale-color-diff(), 20%);
+    color: dark-light-diff($primary, $secondary, 50%, -50%);
     text-align: right;
   }
   .spinner {
@@ -26,13 +26,17 @@
 
       .number, .time-read {
         font-size: 1.4em;
-        color: darken(scale-color-diff(), 40%);
+        color: dark-light-diff($primary, $secondary, 50%, -50%);
       }
     }
 
     tr.me {
       td {
         background-color: scale-color($highlight, $lightness: 50%);
+
+        .username a, .name, .title, .number, .time-read {
+          color: scale-color($highlight, $lightness: -50%);
+        }
       }
     }