Tweak admin styles to be using less custom overrides

web/components/layouts/AdminLayout.tsx

@@ -23,8 +23,6 @@ export const AdminLayout: FC<AppProps> = ({ Component, pageProps }) => (
     <link rel="stylesheet" href="/styles/admin/config-public-details.css" />
     <link rel="stylesheet" href="/styles/admin/home.css" />
     <link rel="stylesheet" href="/styles/admin/chat.css" />
-    <link rel="stylesheet" href="/styles/admin/pages.css" />
-    <link rel="stylesheet" href="/styles/admin/offline-notice.css" />
 
     <ServerStatusProvider>
       <AlertMessageProvider>

web/public/styles/admin/home.css

@@ -22,7 +22,6 @@
   padding: 1em;
 }
 .offline-content .list-section > .ant-card {
-  background-color: var(--black);
   margin-bottom: 1em;
 }
 .offline-intro {

web/public/styles/admin/main-layout.css

@@ -5,10 +5,11 @@
   height: 100vh;
   overflow: auto;
   z-index: 10;
-  background-color: var(--nav-bg-color);
+  background-color: var(--theme-color-background-main);
 }
 .app-container .menu-container {
   border-color: transparent;
+	background-color: unset;
 }
 .app-container h1.owncast-title {
   padding: 1rem;

web/public/styles/admin/offline-notice.css

@@ -1,22 +0,0 @@
-.stream-info-box {
-  background-color: var(--purple-dark);
-  color: var(--white);
-  padding: 0.25rem 0.5rem;
-  margin: 0 !important;
-}
-.stream-info-box .ant-typography-copy {
-  margin-left: 0.25rem;
-}
-.stream-info-label {
-  align-self: center;
-  text-align: right;
-  margin: 0;
-}
-.stream-info-container {
-  margin: 8px 0 4px 0;
-  display: grid;
-  grid-template-columns: max-content 1fr;
-  grid-template-rows: min-content min-content;
-  gap: 8px 8px;
-  grid-template-areas: '. .' '. .';
-}

web/public/styles/admin/pages.css

@@ -1,5 +0,0 @@
-.upgrade-page h2,
-.upgrade-page h3 {
-  color: var(--pink);
-  font-size: 1.25em;
-}