titlebar fixes to make it fit in with system more

src/color_overrides.scss

@@ -1032,7 +1032,41 @@ svg[fill="#FF73FA"] {
   --card-primary-bg: #{colors.$secondary} !important;
   --background-message-hover: #{colors.$tertiary} !important;
 
-  [class^="base_"] > [class^="bar_"],
+  --custom-app-top-bar-height: 24px;
+
+  [class^="base_"] > [class^="bar_"] {
+    background: #{colors.$primary} !important;
+
+    & > [class^="title_"] > [class^="title_"] {
+      gap: 4px;
+
+      & > [class^="icon_"] {
+        width: 16px;
+        height: 16px;
+      }
+
+      & > [class^="defaultColor_"] {
+        font-size: 9pt;
+        font-weight: 700;
+        color: #424242;
+      }
+    }
+
+    [class^="button_"] {
+      width: 16px;
+      height: 16px;
+    }
+    [class^="trailing_"] {
+      gap: 4px;
+    }
+    [class^="winButtons_"] {
+      gap: 0px;
+    }
+  }
+  &.app-focused [class^="base_"] > [class^="bar_"] > [class^="title_"] > [class^="title_"] > [class^="defaultColor_"] {
+    color: #979797;
+  }
+
   [class^="chatContent_"] {
     background: #{colors.$primary} !important;
   }

src/misc.scss

@@ -133,7 +133,7 @@ nav[class*="guilds_"] [class^="itemsContainer_"] > [class^="footer_"] {
   [class^="base_"] > [class^="bar_"] > [class^="title_"] {
     justify-content: left;
     align-items: left;
-    margin-left: var(--space-8);
+    margin-left: 3px;
   }
 
   [class^="member_"] > [class^="childContainer_"] > [class^="memberInner_"] {