Comment out the old ant overrides and try to make colors match design

web/components/ui/Content/Content.tsx

@@ -88,13 +88,17 @@ export default function ContentComponent() {
         <div className={s.buttonsLogoTitleSection}>
           <ActionButtonRow>
             {externalActionButtons}
-            <Button icon={<HeartFilled />}>Follow</Button>
+            <Button type="primary" icon={<HeartFilled />}>
+              Follow
+            </Button>
             <NotifyReminderPopup
               visible
               notificationClicked={() => {}}
               notificationClosed={() => {}}
             >
-              <Button icon={<NotificationFilled />}>Notify</Button>
+              <Button type="primary" icon={<NotificationFilled />}>
+                Notify
+              </Button>
             </NotifyReminderPopup>
           </ActionButtonRow>
 

web/components/ui/OfflineBanner/OfflineBanner.tsx

@@ -21,7 +21,7 @@ export default function OfflineBanner({ name, text }: Props) {
         <div>{text}</div>
 
         <div className={s.footer}>
-          <Button onClick={handleShowNotificationModal}>
+          <Button type="primary" onClick={handleShowNotificationModal}>
             <NotificationFilled />
             Notify when Live
           </Button>

web/components/ui/Statusbar/Statusbar.module.scss

@@ -6,5 +6,5 @@
   justify-content: space-between;
   height: 30px;
   width: 100%;
-  background-color: black;
+  background-color: var(--theme-background-secondary);
 }