fix(app): font sizing, better system msgs

src/components/common/messaging/SystemMessage.tsx

@@ -29,6 +29,17 @@ const SystemContent = styled.div`
     flex-wrap: wrap;
     align-items: center;
     flex-direction: row;
+    font-size: 14px;
+    color: var(--secondary-foreground);
+
+    span {
+        font-weight: 600;
+        color: var(--foreground);
+    }
+
+    svg {
+        margin-inline-end: 4px;
+    }
 
     svg,
     span {

src/components/common/messaging/attachments/AttachmentActions.tsx

@@ -1,10 +1,9 @@
 import {
-    Download,
     LinkExternal,
-    File,
     Headphone,
-    Video,
+    Download,
 } from "@styled-icons/boxicons-regular";
+import { File, Video } from "@styled-icons/boxicons-solid";
 import { Attachment } from "revolt-api/types/Autumn";
 
 import styles from "./AttachmentActions.module.scss";

src/context/intermediate/popovers/UserProfile.module.scss

@@ -107,7 +107,7 @@
         justify-content: center;
         opacity: 0.5;
         flex-grow: 1;
-
+        font-size: 14px;
         font-weight: 500;
     }
 
@@ -125,7 +125,7 @@
 
     > div {
         > span {
-            font-size: 15px;
+            font-size: 14px;
         }
     }
 }