fix(embed): fix post-pr #2863 merge offline banner text color

web/components/ui/Content/Content.module.scss

@@ -23,7 +23,6 @@
     //sets the position of tabbed content for online mode
     top: 280px;
   }
-      
 }
 
 .mobileNoTabs {
@@ -76,3 +75,6 @@
     margin-top: unset;
   }
 }
+.offlineBanner {
+  color: var(--theme-color-background-main);
+}

web/components/ui/Content/Content.tsx

@@ -210,7 +210,7 @@ export const Content: FC = () => {
                   lastLive={lastDisconnectTime}
                   onNotifyClick={() => setShowNotifyModal(true)}
                   onFollowClick={() => setShowFollowModal(true)}
-                  className={styles.topSectionElement}
+                  className={classnames([styles.topSectionElement, styles.offlineBanner])}
                 />
               </div>
             )}

web/components/ui/OfflineBanner/OfflineBanner.module.scss

@@ -20,7 +20,6 @@
   flex-direction: column;
   margin: 3rem auto;
   padding: 2.4em;
-  color: var(--color-owncast-palette-3);
 
   @include screen(tablet) {
     font-size: 1.2rem;