notification fixes

src/components/notification/notification.style.js

@@ -6,10 +6,6 @@ export default {
     'Link',
     'Icon',
     'Border',
-    // Optimization: don't put heavy components unless needed
-    // 'Button',
-    // 'ButtonUnstyled',
-    // 'Input',
     'Avatar',
     'PollGraph'
   ],

src/components/rich_content/rich_content.scss

@@ -2,6 +2,7 @@
   font-family: var(--font);
 
   &.-faint {
+    color: var(--text);
     /* stylelint-disable declaration-no-important */
     --text: var(--textFaint) !important;
     --link: var(--linkFaint) !important;

src/components/user_card/user_card.style.js

@@ -10,28 +10,8 @@ export default {
   defaultRules: [
     {
       directives: {
-        background: '--bg',
-        opacity: 0,
-        roundness: 3,
-        shadow: [{
-          x: 1,
-          y: 1,
-          blur: 4,
-          spread: 0,
-          color: '#000000',
-          alpha: 0.6
-        }],
         '--profileTint': 'color | $alpha(--background 1)'
       }
-    },
-    {
-      parent: {
-        component: 'UserCard'
-      },
-      component: 'RichContent',
-      directives: {
-        opacity: 0
-      }
     }
   ]
 }