fix notifications links

src/components/mention_link/mention_link.scss

@@ -4,7 +4,6 @@
   position: relative;
   white-space: normal;
   display: inline;
-  color: var(--link);
   word-break: normal;
 
   & .new,

src/components/notifications/notifications.scss

@@ -34,6 +34,11 @@
 .notification {
   box-sizing: border-box;
 
+  /* TODO cleanup this */
+  .Status {
+    flex: 1;
+  }
+
   &:hover .animated.Avatar {
     canvas {
       display: none;
@@ -55,6 +60,20 @@
     padding: 0.6em;
     min-width: 0;
 
+    .RichContent {
+      a {
+        --link: var(--linkFaint);
+      }
+
+      .greentext {
+        --funtextGreentext: var(--funtextGreentextFaint);
+      }
+
+      .cyantext {
+        --funtextCyantext: var(--funtextCyantextFaint);
+      }
+    }
+
     .avatar-container {
       width: 32px;
       height: 32px;
@@ -89,11 +108,6 @@
     }
   }
 
-  /* TODO cleanup this */
-  .Status {
-    flex: 1;
-  }
-
   time {
     white-space: nowrap;
   }